- Cascading Style Sheets의 약자
- 스타일의 사용 이유
- 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다.
- 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있다.
- 웹페이지를 표현하기 위한 스타일 규칙을 모아 놓은 문서
- 웹 브라우저 별 CSS3 지원
- CSS 규칙은 선택자(Selector)와 선언(declaration) 두 부분으로 구성
- 선택자는 적용하고자 하는 Element를 의미
- 선언 부분에는 선택자에 적용할 스타일을 작성
- 선언은 중괄호로 감싸며, 속성(property)와 값(value)로 이루어짐
- 속성(Property)은 선택자에서 바꾸고 싶은 요소 (color, font, width, height, border ...)
- 값(value)은 속성에 적용할 값
- 여러 선택자에 동일한 스타일을 적용할 때, comma(,)로 구분하여 나열 (선택자 그룹화)
- 선언 안에 하나 이상의 속성을 작성할 수 있으며, 각 속성은 semi-colon(;)으로 구분
- 주석은 /* 내용 */ 으로 표현
- CSS Zen Garden : 같은 HTML 문서를 이용해서 다양한 효과를 구현할 수 있음을 보여주는 사이트
'Web' 카테고리의 다른 글
[CSS] 스타일 적용 방법 (0) | 2021.03.05 |
---|