CSS 선택자 종류, CSS 기본 형식

 

CSS 기본 형식

·       제일 먼저 선택자의 이름을 지정하며, 선택자의 이름은 HTML 태그 중에 하나가 될 수도 있고, 직접 이름을 지어서 입력할 수도 있습니다.

·       그 다음 중괄호({ })를 사용하여 선언 구간을 만들고,

·       선언 구간 안에 속성 이름, :, 속성 값. ; 순으로 작성합니다.

·       콜론(:)은 속성이름과 속성 값을 구분하기 위한 것이며,

·       세미콜론(;)은 마침표의 역할을 수행합니다.

 

<style type="text/css"> 선택자 { 속성: 값; } </style>

 

다른 속성을 계속 추가하고자 할 때에는 세미콜론(;) 뒤에 다른 속성 이름을 추가하고 동일한 방식으로 계속 작성하면 됩니다.

<style type="text/css"> 선택자 { 속성: 값; 속성: 값; 속성: 값; } </style>

 

 

CSS 선택자 종류

·       HTML 선택자

·       http://codedragon.tistory.com/3401

·       클래스 선택자

·       http://codedragon.tistory.com/3402

·       ID 선택자

·       http://codedragon.tistory.com/3403

 

선택자 종류	설명
HTML 선택자 (HTML selector)	·       HTML 태그 요소를 의미 ·       태그 선택자(또는 type선택자)라고도 합니다.
클래스 선택자 (class selector)	·       한 요소에 여러 개의 CSS를 정의할 때 사용
아이디 선택자 (ID selector)	·       고유한 아이디명을 사용