Day8字體修飾屬性--大小,粗細(xì)和傾斜
1.字體大小

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字體大小</title>
<style>
/* 經(jīng)驗(yàn):谷歌瀏覽器的默認(rèn)字體大小為16px */
p{
/* font-size 屬性必須要有單位,否則屬性不生效 */
font-size: 30px;
}
</style>
</head>
<body>
<p>不開(kāi)的唇</p>
</body>
</html>

2.字體粗細(xì)

數(shù)字的符號(hào)才是在開(kāi)發(fā)中主要運(yùn)用的,關(guān)鍵字了解即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字體粗細(xì)</title>
<style>
h2{
font-weight: 400;
}
div{
font-weight: 700;
}
</style>
</head>
<body>
<h2>我是一輛大灑水車(chē)</h2>
<div>雨夜并不需要我</div>
</body>
</html>

3.字體傾斜

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字體傾斜</title>
<style>
em{
font-style: normal;
}
div{
font-style: italic;
}
</style>
</head>
<body>
<em>如果你到西街旅店為我?guī)О鼰?lt;/em>
<div>無(wú)名互胡同拐進(jìn)十五米是那商店</div>
</body>
</html>


浙公網(wǎng)安備 33010602011771號(hào)