<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>폰트</title>
<style>
body {
font-family: "Times New Roman", serif;
font-size:large;
}
h3 {
font:italic bold 40px consolas, sans-serif;
}
</style>
</head>
<body>
<h3>Consolas font</h3>
<hr>
<p style="font-weight:900">font-weight 900</p>
<p style="font-weight:100">font-weight 100</p>
<p style="font-style:italic">Italic Style</p>
<p style="font-style:oblique">Oblique Style</p>
<p>현재 크기의
<span style="font-size:1.5em">1.5배</span>
크기로
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>박스모델</title>
<style>
body {
background:rgb(95, 142, 183);
}
span {
background:rgb(25, 202, 134);
}
div.box {
background:yellow;
border-style:solid;
border-color:peru;
margin:40px;
border-width:20px;
padding:20px;
width:200px;
height:50px;
}
</style>
</head>
<body>
<div class="box"><span>DIVDIVDIV</span></div>
</body>
</html>
