무민이의 반반무많이

CSS3 선택자 ① 본문

CSS3

CSS3 선택자 ①

M00min 2017.06.26 22:00

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


CSS3 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능이다.

<style> 태그 내부에 입력해서 사용하는데, <style> 태그에 입력되는 코드를 스타일 시트라고 부르고, 아래와 같은 스타일 블록이 들어간다.




■ 전체 선택자

- HTML 페이지 내부의 모든 태그를 선택할 때 사용하는 선택자로, <body> 태그 내부에 있는 요소에만 적용되는 것이 아닌 <html>태그를 포함한 모든 태그에 적용된다.


■ 태그 선택자

- 특정 종류의 태그를 모두 선택할 때 사용하는 선택자로, 쉼표(,)를 통해 여러 태그를 묶어서 처리할 수 있다.


■ 아이디 선택자

- 특정 id를 가진 태그를 선택할 때 사용하는 선택자. 웹 표준에 id속성은 페이지 내부에서 중복되면 안된다는 규정이 있으므로 아이디가 중복되지 않도록 하는것이 중요하다. (스타일 시트에서는 ID 중복이 문제가 되지 않지만, 자바스크립트에서는 문제가 발생한다.)


■ 클래스 선택자

- 특정한 클래스를 가지고 있는 태그를 선택할 때 사용하는 선택자


'CSS3' 카테고리의 다른 글

CSS3 선택자 ①  (0) 2017.06.26
0 Comments
댓글쓰기 폼