[CSS] CSS 시작하기, CSS 문법, CSS주석
CSS란?
CSS는 Cascading Style Sheets의 약자입니다.
CSS는 HTML요소들이 각종 미디어에서 어떻게 보이는 가를 정의하는 데 사용되는 스타일 시트 언어이며,
스타일을 HTML 문서로부터 따로 분리하는 것이 가능해집니다.
CSS를 사용하는 이유
HTML만으로 웹 페이지를 제작할 경우 HTML요소의 세부 스타일을 일일이 따로 지정해 주어야 하기 때문에
많은 시간이 걸리며, 완성한 후에도 스타일의 변경 및 유지보수가 매우 힘들어집니다.
이 문제점을 해소하기 위해서 W3C에서 만든 스타일 시트 언어가 바로 CSS입니다.
웹 페이지의 스타일을 별도의 파일로 저장할 수 있게 해줌으로써
사이트의 전체 스타일을 손쉽게 제어할 수 있게 됩니다.
또한 웹 사이트의 스타일을 일관성 있게 유지할 수 있도록 해주며, 그에 따른 유지보수 또한 쉬워집니다.
CSS 문법
P { text-align:center; color:blue; }
--- ---------- ------ ----- ----
속성명 속성값 속성명 속성값
-----------------------------
[선택자] [선언부]
1. CSS의 문법은 선택자와 선언부로 구성됩니다.
2. 선택자는 CSS를 적용하고자 하는 HTML요소를 가리키고
선언부는 중괄호({})를 사용하여 전체를 둘러쌉니다.
3. 각 선언은 CSS 속성명과 속성값을 콜론(:)으로 연결합니다.
4. CSS 선언은 언제나 마지막에 세미콜론(;)으로 끝마칩니다.
CSS 주석
주석을 표시할 때에는 /* */사이에 내용을 입력합니다.
예) p {color:blue;} /*글자 색상은 파란색입니다.*/
'KoreaIt Academy > HTML & CSS' 카테고리의 다른 글
[CSS] 우선순위(캐스캐이딩(Cascading)) (0) | 2021.08.20 |
---|---|
[CSS] 선택자(전체 선택자, 요소 선택자, 클래스 선택자, 아이디 선택자, 그룹 선택자) (0) | 2021.08.20 |
[HTML] 사용자에게 입력을 받을 때 사용하는 태그(form 태그, input태그, select box..) (0) | 2021.08.18 |
[HTML] 테이블(table) 태그 (0) | 2021.08.18 |
[HTML] 링크 태그(a태그), 리스트 태그 (0) | 2021.08.18 |
댓글