[CSS 기초] 타입 선택자(Type Selector)
타입 선택자(Type Selector)는 h1, p, div, span 등 HTML 요소(Element)를 선택하는 선택자입니다.
예를 들어
p {
color: blue;
}
는 HTML 문서 안에 있는 모든 p 요소의 내용을 파란색으로 만듭니다.
예제
h1 요소의 글자색은 파랗게, blockquote 요소의 글자를 기울임꼴로 만드는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
h1 {
color: blue;
}
blockquote {
font-style: italic;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>
<h1>Proin gravida velit dictum dui consequat malesuada.</h1>
<p>Aenean et nibh eu purus scelerisque aliquet nec non justo.</p>
<blockquote>Aliquam vitae aliquet ipsum. Etiam condimentum varius purus ut ultricies. Mauris id odio pretium, sollicitudin sapien eget, adipiscing risus.</blockquote>
</body>
</html>
위 결과값은 아래와 같습니다.
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS 강좌] 아이디 선택자(ID Selector) (0) | 2017.12.04 |
|---|---|
| [CSS 기초] 클래스 선택자(Class Selector) (0) | 2017.11.25 |
| [CSS 기초] 전체 선택자(Universal Selector) (0) | 2017.11.25 |
| 기초 CSS 문법 강좌 (0) | 2017.11.23 |
| CSS에서의 색상 설정 (0) | 2017.11.18 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.