该文档展示了如何使用HTML和CSS来控制文字样式，包括字体粗细、大小、样式和字体家族。例如，`font-weight`用于设定文字粗细，`font-size`定义字体大小，`font-style`可以设置为normal、italic或oblique，而`font-family`则用于选择不同的字体类型。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文字样式</title>
<style>
h2 {
/* 设置文字粗细 */
font-weight: normal;
/* 设置字体大小 */
font-size: 16px;
font-style: italic;
font-family: sans-serif;
}
em {
/* 设置文字样式 */
font-style: normal;
font-style: oblique;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
a {
font: 700 serif 16px;
}
p {
/* 设置字母以小型大写显示 */
font-variant: small-caps;
}
</style>
</head>
<body>
<!--
1.设置文字粗细 font-weight
取值：100~300(lighter) 细 400~500(normal) 正常 600~900(bold) 加粗
2.设置文字大小 font-size 记得加单位
3.设置文字样式 font-style
取值：normal（正常）italic(斜体) oblique（倾斜）
浏览器一般不会分别斜体和倾斜，通常选择italic
4.设置文字字体 font-family
serif：衬线字体
sans-serif：非衬线字体
monospace：等宽字体
cursive：草书字体
fantasy：虚幻字体
简写 font: 必须要写二个属性值 文字大小 文字字体，并且在最后二个
-->
<span>你秦薪。</span>
<h2>给始清毒。</h2>
<em>强调内容</em>
<a href="#">无要介。</a>
<p>Lorem, ipsum dolor.</p>
</body>
扫一扫
9885
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
