1. Class 사용.
CSS Code:
.classP { background-color: white; } HTML Code:
<p class="classP "> Class는 "classP " 하얀 배경 </p>
Display:
Class는 "ClassP" 하얀 배경
2. Tag Name 사용
CSS Code:
p { background-color: white; } HTML Code:
<p>하얀 배경 </p>
Display:
하얀 배경
3. ID 사용
CSS Code:
#exID { background-color: white; } HTML Code:
<p id="exID "> ID는 "exID" 하얀 배경 </p>
Display:
ID는 "exID" 하얀 배경
적절한 사용 예 :
CSS Code:
p#exID1 { background-color: white; }
p#exID2 { text-transform: uppercase; }
HTML Code:
<p> ID는 "exID1 " 하얀 배경 </p>
<p id="exID2 "> ID는 "exID2 " text transformed to uppercase letters.</p>
Display:
ID는 "exID1" 하얀 배경
ID는 "exID2" TEXT TRANSFORMED TO UPPERCASE LETTERS.