본문 바로가기
프로그래밍

선택자(개별,복수개,모두)

by BlueOcean&Shark 2019. 3. 27.
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
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<head>
    <title>
        열심히공부하자
    </title>
    <style> 
        /*개별선택*/       
        h1{
            background: #ddf513; color: darkgreen; font-weight: border
        }
        div{
            background-color: #d68120; border:5px solid rgb(226, 27, 183)
        }
        
        /*복수개선택*/       
        li,h4{
            color: blueviolet
        }
        /*모두선택*/       
        *{
            color: blue; font-weight: bolder
        }
    </style>
</head>
 
<body>
    <h1>인사말</h1>
    <p>안녕하세요~방갑습니다~</p>
    <br /><br />
 
    <div>
        <h1>인사말1</h1>
        <p>안녕하세요~방갑습니다~</p>
        <br /><br />
    </div>
 
    <br /><br />
    <ui>
        <li>mune1</li>
        <li>mune2</li>
        <li>mune3</li>
        <li>mune4</li>
    </ui>
 
    <br /><br />
    <h4>내용1</h4>
    <h4>내용2</h4>
 
</body>
cs

css는 <head>와 </head>사이에 넣어야한다.

'프로그래밍' 카테고리의 다른 글

winform class 이름 변경방법  (0) 2021.06.10
선택자  (0) 2019.03.28
div와 시멘틱을 이용한 레이아웃  (0) 2019.03.27
비디오 / form / 블록,라인  (0) 2019.03.27
이미지/사운드  (0) 2019.03.27

댓글