본문 바로가기
웹정보구축

CSS 선택자 실습 (220519-css)

by 할10000 2022. 5. 19.
<!DOCTYPE html>
02: <html>
03: <head>
04: 	<style type="text/css">
05: 	font {font-size: 10pt;
06: 	         font-family: 굴림체;
07:                            font-weight: bold;
08:                            font-color: blue;}
09: 	.font1 {font-size: 20pt;
10:                               font-family: 궁서체;
11:                               font-weight: bold;}
12: 	.font2 {font-size: 15pt;
13:                               font-family: 돋움체;
14:	            font-weight: bold;}
15: 	</style>
16: </head>
17: <body>
18: <p class="font1"> 자기 소개서 </p>
19:
20: <p class="font2"> 성격 <p>
21: <p><font> 어떤 일이 주어지든지 항상 평균이상의 목적 달성하기 위해 노력을 아끼지 않는 편입니다.</font></p>
22:
23: <p class="font2"> 생활 신조 </p>
24: <p><font style="font-style: italic;"> 제 생활신조는 "사람이 되자" 입니다.</font></p>
25:
26: <p><font>주변 사람들에게 사람답게 보이기 위해서 언제나 신중한 태도를 가지고 생활하고 있습니다.</font></p>
27: </body>
28: </html>

HTML 구현

02: 03: 04: 16: 17: 18:

자기 소개서

19: 20:

성격

21:

어떤 일이 주어지든지 항상 평균이상의 목적 달성하기 위해 노력을 아끼지 않는 편입니다.

22: 23:

생활 신조

24:

제 생활신조는 "사람이 되자" 입니다.

25: 26:

주변 사람들에게 사람답게 보이기 위해서 언제나 신중한 태도를 가지고 생활하고 있습니다.

27:
28:

선택자 종류(출처: 웹정보구축 10강 - CSS 篇)