프로덕트 디자이너가 알면 좋은 CSS

 

01. CSS도 파일이다!

index.html과 style.css 라는 이름의 파일을 일반적으로 많이 사용함.

 

02. CSS 파일 위치

**head 태그 안에 link라는 이름으로 위치

 

<link rel="stylesheet" href=" CSS파일의 위치 ">

                                                   ㄴ>  ./style.css 

                                                   ㄴ> index.html과 같은 경로에 위치해야 함

 

 

03. CSS 만들기

 

h1 {

         color : brown ;

             ㄴ선언 (declaration) : 속성과 값을 합한 부분

      }

 

1) 선택자 (selector)

: 어떤 HTML 요소에 스타일을 적용할지 선택

2) 속성 (property)

: 스타일을 부여할 항목

3) 값 (value)

: 속성에 대한 값

4) 규칙 (rule)

: 선택자와 선언부의 조합 (걍 전체)