css字体如何设置-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

css字体设置的方法：1、h2中的大小设置em；2、字体设置需要用到【font-family】；3、字体粗细设置需要用到属性【font-weight】；4、字体样式用【font-style】属性。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css字体设置的方法：

1、字体大小设置

字体大小设置，常见的有四种不同的方法：

body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
h3{
font-size:small;
}

body中的大小设置14px，表示字体的高度是14个像素；

h1中的大小设置百分比，是表示相对大小，相对于body的150%倍；

h2中的大小设置em，是表示相对大小，想对于body的1.2倍大小；

h3中的大小直接是关键字。常用的有small,medium,large;

2、字体设置

字体设置需要用到font-family设置：

body{
font-family:Verdana,Genva,Arial,sans-serif;
}

3、字体粗细

字体粗细设置需要用到属性font-weight设置：

body{
font-weight:bold;
}

bold表示粗体，还有normal、bolder,lighter。也可以用数值表示。

4、字体样式

字体样式用font-style属性设置：

body{
font-style:italic;
}
h1{
font-style:oblique;
}

相关学习推荐：css教程

以上就是css字体如何设置的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者