본문 바로가기
제가 쓴 책/HTML5, CSS3 and JavaScript

1.8 모든 요소(Element)를 포함하는 선택자(Selector) 구성과 규칙(Rule) 만들기

by edupicker(체르니) 2013. 8. 1.

1.8 모든 요소(Element)를 포함하는 선택자(Selector) 구성과 규칙(Rule) 만들기


* 기호를 이용하여 모든 요소들을 선택하도록 하는 선택자로 구성하고 모든 요소들에 스타일을 적용하는 규칙을 다음과 같은 형식으로 만들 수 있습니다.


*{ property:value; property:value; …}


메모장을 열어서 다음과 같이 코드를 작성합니다.

<!DOCTYPE HTML>

<html>

<head>

  <title>모든 요소를 선택</title>

  <style>

   *{ color:red; }

  </style>

</head>

<body>

  프로그래밍 언어<br />

  <ul>

    <li>Java</li>

    <li>C#</li>

    <li>Objective-C</li>

  </ul>

  <p>만들고자 하는 프로그램에 적합한 것을 선택하라</p>

</body>

</html>

“universalEx.html”
로 저장하고 IE9로 열어보면 다음과 같이 <body> … <body> 블록 내의 모든 요소에 대해서 글자색이 빨강색(red)로 적용되어 나타납니다.





- 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(A4, 폰트 10)으로 작성한 원본 중 CSS3에 대한 부분을 그대로를 공개하는 것으로 본 저작물에 대한 모든 권리는 본인(원철연)에서 있음을 알립니다.
개인적인 학습 목적으로 사용을 허용하며 온오프라인의 베포나 펌상업적인 용도의 사용은 삼가해주시기 바랍니다. 끝으로 학교나 비영리 단체에서의 경우 본 저작물을 비상업적인 용도로 활용하고자 할 경우 연락처를 비밀댓글로 남겨주시면 연락드리겠습니다.