본문 바로가기
728x90
300x250

Front-end/화면구현14

캐시 삭제 하는 방법 작업하고 보통 새로고침하면 반영이 되지만 캐시 때문에 반영이 바로바로 안되는 경우가 많은데 이럴경우에는 f12키를 누른 상태에서 페이지 새로고침 버튼 마우스 오른쪽 키를 누르면 아래와 같은 메뉴가 나옵니다. 여기서 일반 새로고침으로 반영이 안될경우에는 강력새로고침이나 캐시 비우기 및 강력 새로고침을 클릭하면 됩니다. 또다른 방법은 역시 f12키를 누른 상태에서 Network를 클릭하고 아래와 같이 하단 영역에서 마우스오른쪽 > Clear browser cache를 클릭하면 됩니다. 2021. 8. 7.
[css] 배경이미지를 화면 꽉차게 높이 100% 만들기 .bg1 { height: 100vh; /*높이를 100%로*/ background: url(image/bg1.jpg) no-repeat red top center; background-size: cover; // 커버로 지정 } 2021. 7. 25.
아이콘 다운로드 사이트 https://www.flaticon.com/ Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flaticon.com 2021. 7. 16.
font css 폰트 적용하기 폰트 글꼴 적용 CSS body{ font-family: "NanumSquare","맑은 고딕", sans-serif; } Valul 값 글꼴이름 : 공백이 있는 글꼴이름은 "" 따옴표로 묶어줘야 한다. (예시 : "맑은 고딕") inherit : 부모 글꼴 상속 구글 폰트 가져오기 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com font-style https://developer.mozilla.org/en-US/docs/Web/CSS/font-style font-style - CSS: Cascading Style Sheets .. 2021. 7. 5.
728x90
반응형