1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> /* 텍스트 관련 속성 */ #p1 { /* 글자색 */ color: #2f2f2f; /* 텍스트 정렬 */ text-align: left; /* 텍스트 꾸밈 */ text-decoration: none; /* 문단 들여쓰기 */ text-indent: 10px; /* 텍스트 크기 */ /* font-size: 10pt; */ /* font-size: 9pt; */ /* font-size: 12px; */ /* font-size: 0.75em; */ /* CSS 수치 표현 - 단위를 반드시 붙인다. - px, pt, cm, mm, em, ex 등., - pt : 글꼴 크기 - px : 해상도(점), 사이즈, 좌표 - em : 글꼴 크기(기본 크기의 상대배율) */ /* 서체 - 브라우저가 동작중인 컴퓨터의 설치된 서체만 접근 가능 - 웹폰트 */ font-family: 'Malgun Gothic', 굴림; /* 폰트 스타일 */ font-style: italic; /* 폰트 두께 */ font-weight: bold; } #p2 { /* 일반적인 설정 */ font-family: 굴림; font-size: 12pt; color: #2f2f2f; line-height: 100%; } </style> </head> <body> <!-- ex10.htm --> [연습 : 텍스트 속성] <p id="p1">지난해 7월에는 서울 강남의 한 성형외과에서 유령의사에 의한 대리수술 문제가 불거진 데 이어, <!-- <br /><img src="images/face01.png"><br /> --> 11월에는 인천 모 병원에서 성형외과 전공의가 음주 수술을 해 물의를 빚었다.</p> <p id="p2">지난해 7월에는 서울 강남의 한 성형외과에서 유령의사에 의한 대리수술 문제가 불거진 데 이어, 11월에는 인천 모 병원에서 성형외과 전공의가 음주 수술을 해 물의를 빚었다.</p> </body> </html> | cs |
'WEB > CSS' 카테고리의 다른 글
| 박스 모델 (0) | 2016.01.22 |
|---|---|
| 의사 클래스 (0) | 2016.01.22 |
| css 색상표현법 (0) | 2016.01.22 |
| 속성 선택자 / zen coding(emmet) / PCDATA (0) | 2016.01.22 |
| 인접 형제 선택자, 형제 선택자 (0) | 2016.01.22 |