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>

Category

Created on 2016-12-15 01:30 | Updated on 2017-02-06 11:11

이 글을 공유하기

Kakao

Book navigation