[WEB 4주차 공부] : CSS

# 스타일시트; 웹 문서의 출력될 외형 스타일

- 구성요소 : 선택자(여러 개인 경우 콤마로 구분, 스타일을 설정할 대상이 되는 태그) / 속성 선언(속성과 속성값, 콜론으로 구분, 세미콜론으로 종료)

- 블록단위 요소 : <div>

- 인라인 요소 : <span>

- 클래스 선택자 : <태그이름 class="클래스이름"> </태그>

    -> 클래스 선택자는 클래스이름 앞에 점(.)

- 아이디 선택자 : <태그이름 id-"아이디이름"> </태그>

     -> 아이디 선택자는 아이디이름 앞에 샵(#)

- 폰트 / 문자 / 색상 및 배경 또한 지정 가능

# 박스모델 설정하기

박스공간의 구성

스타일 속성 : 외부공백 / 내부여백 / 테두리의 두께 / 테두리 모양 / 색상 등

# 움직임 설정

- 전환효과 : transtion: <property> <duration>

- 좌표변환 : <transform : <함수>