[CSS] CSS(Cascading Style Sheet) 개요 및 문법

1. CSS란

• CSS는 HTML안의 요소(element)의 색상,모양등 스타일이 어떻게 나타날지 정하는 표기법이다.
• CSS는 보통 외부 CSS파일에 정의된다.
• 외부 CSS파일에 정의함으로써 HTML파일 내에서 요소마다 스타일을 지정해주는 수고를 없애준다.

2. CSS의 기본 문법

Selector { property : value; property : value; }

예시))

p { color : red; font-size : 15px; }

div { background : blue;}

Seletor에 스타일을 주는데 중괄호( {} ) 에 스타일 내용을 적으면 된다. 중괄호 안에 여러가지 속성을 정해줄 수 있으며 속성의 이름과 속성의 값은 콜론( : )으로 구분한다 그리고 속성의 정의 및 속성간의 구분은 세미콜론( ; )으로 한다.

(지정해주려는 속성이 하나라도 세미콜론(;)으로 끝나야한다.)

--> p라는 선택자(<p>) 에 글자색( color)는 빨간색으로 글자 크기(font-size)는 15px로 한다.

 

참고 - "Learn CSS" W3School (https://www.w3schools.com)