반응형
지난 포스트에 CSS와 함께 다뤘을때 HTML 페이지가 어떻게 바뀌는지를 알아봤다. 오늘은 읽기 편하도록 하는 가독성을 만들었다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="codelion.css">
</head>
<body>
<p class="big-font">내 이름은 박종현</p>
<p class="small-font">반갑습니다.</p>
<p class="small-font">코드라이언으로 코딩 배웠지</p>
</body>
</html>p {
font-size: 30px; //글씨크기는 30픽셀로 한다.
}
.big-font { //big-font라는 클래스를 꾸미기 위해 앞에 .을 붙인다.
font-size: 40px;
}
.small-font {
font-size: 15px;
}반응형
'HTML,CSS' 카테고리의 다른 글
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(5) (0) | 2022.08.10 |
|---|---|
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(3) (0) | 2022.08.10 |
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(2) (0) | 2022.08.08 |
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(1) (0) | 2022.08.08 |