[TIL-7] 생활코딩 WEB2 CSS-1~5

3. CSS의 등장

• <!-- ... --> : 주석 처리
• <style> : 이 태그 안쪽의 코드는 CSS니까 CSS 문법으로 해석해야 돼! HTML의 문법으로 알려주는 셈.
  • <style>
      a {
        color: black;
      }
    </style>
  • 이 웹페이지에 있는 모든 a를 선택하여[선택자], 색깔(속성, property)을 검정(값, value)으로[효과/선언].
• CSS 장점
  • 코딩할 때 중복을 없앨수록 좋음. 웹페이지의 사이즈도 줄어들고 수정 편함. 효율적.
  • 코드의 정보와 디자인 분리 가능.

 

4. CSS의 기본 문법

1. 태그 : <style>
   • 선택자(selector) : <style> 태그는 효과의 대상이 지정되어있지 않으므로 a{}라는 코드(선택자)가 추가로 필요했던 것.
2. 속성 : 적용할 내용의 태그 안에서 style을 html의 속성으로 사용.
   • style이라는 속성은 효과(declaration)를 지정함.
   • 하나의 선택자에 대해 여러 개 효과 지정할 경우 ;(세미콜론)으로 구분.