반응형
안녕하세요.
css3 선택자를 작성하여 html를 선택하면 코드의 효율성 증가,시간을 절약할 수 있다는 장점이 있습니다.
css 선택자는 여려 종류가 있습니다.
기본적으로 많이 사용하는 기본 선택자가 있습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css 선택자 소스 코드</title>
<style>
/*전체 선택자*/
* {
color: orange;
}
/*태그 선택자*/
h1 {
color: red;
}
/*아이디 선택자*/
#header {
background-color: yellow;
}
/*클래스 선택자*/
.selection {
color: black;
}
</style>
</head>
<body>
<div id="header">
<p>아이디 선택자</p>
</div>
<div>
<p>전체 선택자</p>
<h1>태그 선택자</h1>
<p class="selection">클래스 선택자</p>
</div>
</body>
</html>
|
cs |
전체 선택자는 작성된 html 문서에 있는 태그를 모두 선택합니다.
태그 선택자는 사용자가 선택한 태그를 모두 선택합니다.
아이디 선택자는 id를 부여하여 선택한 태그 하나만 선택합니다. 중복할 수 없습니다.
클래스 선택자는 특정 클래스에 있는 태그를 선택합니다.
▲ 실행 화면입니다.
댓글