|
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
35
36
37
38
39
40
41
42
|
<!
DOCTYPE
html>
<html lang
=
"kr"
>
<head>
<meta charset
=
"utf-8"
>
<title>
키보드와 하루
</title>
<style>
1
body
{
color
:
blue
;
}
2
.color_green
{
color
:
green
;
}
4
.color_gray
{
color
:
gray !important
;
}
</style>
</head>
<body>
1번 적용
<p>
p태그에 들어 있는 요소1
</p>
2번 적용
<p
class
=
"color_green"
>
p태그에 들어 있는 요소2
</p>
3번 인라인 스타일 적용
<p
style
='
color
:
red
'
>
p태그에 들어 있는 요소3
</p>
4번 적용
<p
style
='
color
:
red
'
class
=
"color_gray"
>
p태그에 들어 있는 요소4
</p>
</body>
</html>
|
| [css3] font-family - 텍스트 글꼴 지정 (0) | 2021.03.19 |
|---|---|
| [css3] prefixfree.min.js - 브라우저 접두사 편하게 사용 (0) | 2021.03.18 |
| [css3] ID 선택자 - 한번만 스타일 적용 (0) | 2021.03.16 |
| [css3] 클래스 선택자 - 특정 부분에만 스타일 적용(.class명) (0) | 2021.03.15 |
| [css3] * , tag - 전체 선택자와 태그 선택자 (0) | 2021.03.12 |
