* {속성: 속성 값; 속성: 속성 값; ... }
p {
font-size: 12px;
font-family: 돋움;
}
<html>
<head>
<meta charset="utf-8">
<style>
h2 {
color: blue;
}
p {
font-size: 12px;
margin-left: 20px;
}
</style>
</head>
<body>
<h2>블루베리에 관한 연구</h2>
<p>블루베리는 몸에 좋은 연구효과가 있다.</p>
</body>
</html>
.bluetext {
color: blue;
}
<html>
<head>
<meta charset="utf-8">
<style>
.bluetext {
color: blue;
}
</style>
</head>
<body>
<h2 class="bluetext">애국가</h2>
<p>동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<style>
#container {
width: 600px;
padding: 15px;
border: 1px dotted gray;
}
</style>
</head>
<body>
<div id="container">
<h2>애국가</h2>
<p>동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
</div>
</body>
</html>
h1 {
text-align: center;
}
h2 {
text-align: center;
}
↓
h1, h2 {
text-align: center;
}
[CSS 기초] 글꼴 관련 스타일 (2) (0) | 2021.04.16 |
---|---|
[CSS 기초] 글꼴 관련 스타일 (1) (0) | 2021.04.15 |
[CSS 기초] 스타일과 스타일 시트 (0) | 2021.04.12 |
[HTML 기초] 기타 다양한 폼 요소들 (0) | 2021.04.08 |
[HTML 기초] 여러 데이터 나열을 보여 주기 (0) | 2021.04.07 |
댓글 영역