字体样式
在 CSS 中,可以通过字体样式属性来控制文本的字体外观。
笔记内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体样式</title>
<style>
p{
/*
字体大小(使用最多的是 em 和 px ):
em:相对于当前对象内一个字的大小
px:像素
in:英寸
cm:厘米
mm:毫米
pt:点
*/
/* 如果不设置字体大小,会使用浏览器默认的字体大小,网页中一般习惯于设置字体大小为 14px */
/* css中设置字体大小一定要加单位,html 中无需加单位 */
font-size: 12px;
/*
字体:
字体名称 英文名称 Unicode编码
宋体 SimSun \5B8B\4F53
新宋体 NSimSun \65B0\5B8B\4F53
黑体 SimHei \9ED1\4F53
英文黑体 arial
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
楷体_GB2312 KaiTi_GB2312 \6977\4F53\_GB2312
隶书 LiSu \96B6\4E66
*/
/*
设置字体时,有中文、有空格、有斜杠就必须带引号,如:"隶书"、"微软雅黑"、"microsoft yahei"
纯英文无需加引号,如:Arial
*/
font-family: "宋体";
/* 字体也可以同时设置多个,表示前面的不存在,就是用后面的;如果都没有,就是用浏览器默认字体 */
font-family: "宋体","微软雅黑",Arial;
/*
字体粗细:
normal:正常粗细 = 400,可以让粗体变正常
bold:粗体 = 700
bolder:更粗
lighter:更细
建议用数字,因为数字解析起来更快
*/
font-weight: bold;
/*
字体样式:
normal:正常样式,可以让斜体不倾斜
italic:斜体
oblique:斜体
italic 和 oblique的区别:
italic 是使用文字的斜体,如果设置的字体没有斜体,italic 就不会生效。
oblique 不管设置的字体本身有没有斜体,都会倾斜。
*/
font-style: italic;
/* 一次性设置字体相关样式 */
/* 必须按这个顺序:font-style(可以省略)、font-weight(可以省略)、font-size(不可以省略)/line-height(可以省略)、font-family(不可以省略) */
font: italic 400 25px "宋体";
}
</style>
</head>
<body>
<p>我是段落</p>
</body>
</html>