초보개발자의 성장블로그
CSS 09 아이디 선택자 사용하기
프론트엔드/CSS2021. 3. 20. 07:38
아이디 선택자
- #으로 시작하며 웹 페이지에서 CSS로 꾸미고자 하는 영역을 지정하는 역할
- 하나의 웹페이지에서 유일해야 하고 중복 사용 불가
초보개발자의 성장블로그란?
말그대로
초보인 것 같다. ㅋㅋ
열심히 노력해야겠다.
좋은하루~ 보내세요~^^
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이디 선택자</title>
<style>
p #pi{
color:#444444;
line-height:150%;
}
#pi_1{
color:#ff0000;
font-weight:bold;
}
#pi_2{
color:#0000ff;
font-weight:bold;
}
#pi_3{
color:#00ff00;
font-style:italic;
text-decoration:underline;
}
</style>
</head>
<body>
<h3>초보개발자의 성장블로그란?</h3>
<p id="pi">말그대로
<span id="pi_1">초보</span>인 것 같다. ㅋㅋ<br>
<span id="pi_2">열심히</span> 노력해야겠다.<br>
<span id="pi_3">좋은하루~</span> 보내세요~^^
</p>
</body>
</html>
'프론트엔드 > CSS' 카테고리의 다른 글
| CSS 11 후손 선택자 사용하기 (0) | 2021.03.20 |
|---|---|
| CSS 10 클래스 선택자 사용하기 (0) | 2021.03.20 |
| CSS 08 타입 선택자 사용하기 (0) | 2021.03.20 |
| CSS 07 a:link, a:visited, a:hover, a:active 로 링크 텍스트 꾸미기 (0) | 2021.03.20 |
| CSS 06 font-family, font-size, font-style, font-weight 속성 (0) | 2021.03.20 |
댓글()