KoreaIt Academy/HTML & CSS

[CSS] CSS 시작하기, CSS 문법, CSS주석

hongeeii 2021. 8. 20.
728x90
반응형

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;} /*글자 색상은 파란색입니다.*/

728x90
반응형

추천 글