블로그
-
[모각코 플러스] HTML+CSS 심화과정 8일차 과제 : 미니홈피 CSS파일 분리하기
, home의 총 3개의 파일로 분류하기 ⭐ 핵심 포인트 ⭐ ✔ CSS 파일 분리의 목적 : CSS 파일 코드가 너무 길어지는 것을 방지하기 위해 ✔ CSS 파일 분리 Tip 1) , diary.css 등등 2) CSS 파일 분리하기 · 파일 분리 기준을 정한 후 각각 필요한 코드를 파일에 작성 후 html의 .......
blog.naver.com · 2021.12.29
-
[프론트엔드] SCSS 공부
SCSS와 CSS 동시에 보고싶다면 ▼ & : 자신이 포함된 영역의 선택자 참조 [중첩된 속성] 네임스페이스가 동일한 경우 사용할 수 있다. ;를 꼭 적어줘야 한다. 대신 calc() 함수 사용하면 됨 * 단축속성 사용 시 /을 사용하기 때문에( ex) font: 10px / 10px / serif; ) /을 사용하기 위한 조건이 있음 1) (
blog.naver.com · 2021.08.12
-
워드프레스 구글 PageSpeed Insight 속도개선 관련_중요한 요청 미리 로드하기 방법 팁
폰트의 경우 CSS 파일의 하단에 위치하는 경우가 많아 우선 순위를높여서 미리 로드하라는 의미로 이해 해 주시면 됩니다. Font Preload 부분 해결하기 이때 기능을 통해서 이부분을 헤더에 넣어주시면 됩니다. 방.......
blog.naver.com · 2020.12.10
-
웹폰트지원
최근의 모든 브라우저들은 웹 서체(Web Font)라는 것을 지원하며 사이트를 볼 때 다운되는 서체를 웹 폰트라고 합니다. 웹 폰트 또한 font-family 속성을 사용하지만, @font-face 지시어(directive)라는 CSS 명령어를 사용해서 웹 브라우저에게 해당 서체를 다운로드할 것을 알리면서
blog.naver.com · 2018.12.04
-
CSS 1----------------------------------------------
일단, www.w3schools.com/css/ 여기 참조! Inline style(“font-size” 요런거 참고) 2) p12 글자색깔 RGB값 (16진수) 3) CSS 내부정의 (Embedded style) 4) P18 MIME type
blog.naver.com · 2018.11.02
-
알아두면 좋은 css속성
:12px;} or ul>li:first-child{font-size:12px;} ul>li:nth-child(2){font-size:24px;} ul>li:nth-child (3){font-size:12px;} ul>li:.......
blog.naver.com · 2018.06.27
-
CSS 핵 정리 (IE6, IE7, IE8, IE9), FF, Chrome, Safari
Original CSS .ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; } IE6 * .ComLayer1 { color:#ff0000; font-size:9px; vertical-align:top; } IE7 *+ html .ComLayer1 { color:#ff0000; font-size
blog.naver.com · 2016.07.01
-
Common css 기본 속성 초기화
Common css 기본 속성 초기화 @charset "utf-8"; /* Common */ body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table :top} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none} a:hover,a:active,a
blog.naver.com · 2016.03.25
-
CSS: font 계열 속성
font-falmily 속성:글꼴이름지정;모든요소적용;상속가능; ex)font-family:굴림, symbol; font-size 속성:글자크기지정;모든요소적용;상속됨;기본값(medium) 사용가능값: :xx-small, x-samll,small,medium,large,x-large,x
blog.naver.com · 2013.11.24
-
인터랙션
/////font face google webfont copy & paste under . _font folder. download file. css 연결. ////// 3페이지. 1. 본인소개 2. 진행하던 or 진행할 계획들 3. etc 1.
blog.naver.com · 2011.10.12
