티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
div{font-weight : bold;}
#a001{color:red; font-family:굴림; font-size:20pt;}
#a002{color:black; font-family:궁서체; font-size:15pt;}
#a003{color:aqua; font-family:맑은고딕; font-size:20pt;}
</style>
</head>
<body>
<div>
<h1>id를 선택자로 활용</h1>
<hr>
</div>
<div id="a001"> id선택자를 활용하는 실습</div>
<div id="a002">id를 선택자로 활용할 경우 id 앞에 우물정 표시를 해야한다</div>
<div id="a003">id는 class와 비슷한 방법으로 사용되고 스타일이 적용되만,</div>
<div id="a004">유일하게 구성해야한다.</div>
</body>
</html>
id값은 같은 이름으로 지정하면 안된다 .
'Web(국비) > HTML & CSS' 카테고리의 다른 글
| CSS - 국비 외부 스타일 가져오기 (3) (0) | 2019.10.16 |
|---|---|
| HTML - 국비 자식,자손 선택자 css (0) | 2019.10.16 |
| HTML - 국비 class (0) | 2019.10.16 |
| HTML-국비 form의 중요성 및 button을 통한value와 submit 차이 (0) | 2019.10.16 |
| HTML - 국비 radio,label활용 (0) | 2019.10.16 |