Learn HTML & CSS. 4.CSS Basic Structure & Syntax

Review what I learned

1. CSS 셀렉터(selector)의 대상은 HTML의 태그이다.


2. CSS 는 HTML 태그의 style을 정의한다. 이 정의는 반드시 두가지를 포함해야 한다.
   
   
   • property - style을 정하기 원하는 속성 (예. 색, 글자 크기 등등)
   
   
   • value - 해당 속성의 값 (예. Red, 12px 등등)


3. CSS 정의의 마지막엔 반드시 세미콜론(;)이 있어야 한다. (C, JAVA 등 과 동일) (예. color : Blue; )


4. CSS 로 만든 규칙은 셀렉터와 셀렉터 내부의 정의들로 구성된다. (중괄호 { } 로 구성)


5. 여러개의 태그를 동시에 style 할 때에는 한번에 셀렉터를 여러개 사용할 수 있다.
   예.
   h1, p {
       정의~
   } 


6. 주석은 유지보수를 쉽게 할 수 있도록 해주며, 새로운 코드를 테스트 할 때 이전 코드를 지우지 않고
   테스트 할 수 있도록 해준다.


7. CSS를 코딩할 때에는 다음 사항들을 지키는 것이 좋다.
   
   
   • 셀렉터 뒤에는 한 칸을 띄고 중괄호를 연다. (예. h1 { )
   
   
   • CSS를 정의 할 때 중괄호들과 정의 사이에 빈 공간이 없어야 한다. (이 부분은 추후 다시 확인)
     
     

   바른 예.	바르지 않은 예.
   h1 {   color: Blue; }	h1 {  color: Blue; }

   
   
   
   • 정의는 앞에 두칸을 띄고 시작한다.
     --
       color: Red;
     
     
   • 서로 다른 CSS 규칙들 끼리는 한 줄을 띈다.
     예.
     h1 {
       color : Red;
     }
     
     p {
       font-size: 14px;
     }

출처 : codecademy(HTML & CSS)