본문 바로가기

프로그래밍/CSS

CSS_속성, 태그, 선택자

CSS란 웹 페이지를 좀 더 아름다우면서 보기 좋은 형태로 만드는 방법이다.

 

<style></style>태그로 CSS언어의 문법에 맞게 처리해야 한다.

 

1. style 속성

ex) <h2 style="color: powderblue;"></h2>에서

style은 HTML문법이고 'color:powderblue'라는 코드가 CSS코드이다.

=> 즉, style이라는 속성을 쓰고 그 안에 CSS의 속성이라는 문법을 사용하면 된다.

 

2. style 태그

<div></div>: 어떠한 기능이나 의미가 없고 줄바꿈이 되는 태그

<span></span>: 어떠한 기능이나 의미가 없고 줄바꿈이 되지 않는 태그

ex) class="js"

<style>.js{font-weight: bold;}</style>

=>클래스 값이 'js'를 가르치기 때문에 '.js'처럼 클래스명 앞에 마침표를 넣어서 표시해야 한다.

 

3.선택자

'.'이 붙어있다면 클래스를 의미하고 #은 id를 의미한다고 약속돼 있다.

=>클래스 선택자보다 id선택자가 우선순위가 더 높다.