font:综合设置字体样式(重点)

font:综合设置字体样式(重点)
语法:
选择器 {font:font-style font-weight font-size/line-height font-family;}
说明:
1)使用font属性时,必须按上面语法的顺序书写,不能更换顺序,各个属性以空格隔开
2)注意:其中不需要设置的属性可以省略,取默认值,但必须保留font-size和font-family属性,否则将不起作用;

补充几个文本属性：

font-align:字体对齐
语法：{text-align:left/right/center/justify;}
说明：justify对内容以两端边界线对齐显示；

line-height:行高
语法：{line-height:normal/数值；}
说明：当单行文本的行高等于容器高时，可实现单行文本
在容器中垂直方向居中对齐；
当单行文本的行高小于容器高时，可实现单行文本在容器
中垂直中齐以上任意位置的定位；
当单行文本的行高大于容器高时，可实现单行文本在容器
中垂直中齐以下任意位置的定位；

text-decoration:文本修饰
语法：{text-decoration：
none/underline/overline/line-through;}
说明：
none:没有修饰；
underline:添加下划线；
overline:添加上划线；
line-through:添加删除线；

text-indent：首行缩进
语法：{text-indent:数值；}
说明：
text-indent可以取负值，可实现隐藏文本，悬挂缩进
text-indent属性只对第一行起作用，若第一行不是文本
则没变化；

注意：DIV是样式，不是文字，是不会生效的，要注意了

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">h3 {font: normal 400 16px "宋体";}h4{font: italic 700 32px "微软雅黑";}p {font-style: italic;font-weight: 700;font-size: 32px;font-family: "微软雅黑";}</style>
</head>
<body><h3>将H3变成:正常不加粗16px的宋体</h3><h4>将H4变在:倾斜加粗32px的微软雅黑</h4><p>分开写对比:倾斜加粗32px的微软雅黑</p>
</body>
</html>

效果如下：

font:综合设置字体样式(重点)相关推荐

font:综合设置字体样式 (重点)
font属性用于对字体样式进行综合设置 - 基本语法格式如下: css 选择器 { font: font-style font-weight font-size/line-height fo ...
html中设置字体字型,html中如何在font中设置字体样式（粗体斜体等）
html> 字体加粗用<b>加粗字体:加粗用<strong>加粗字体:加粗用CSS font-weight 加粗 normal(400), bold(700) ...
设置字体样式：字号大小，字体种类，字体粗细
font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少.具体如 ...
html设置字体样式 face
html设置字体样式 <font face="设置字体样式"></font> <!DOCTYPE html> <html>< ...
html设置表单里面字体格式为中文,html设置字体样式 html怎么设置字体样式 html字体怎么设置...
分享网页的字体样式,这个只要平时最普通,最常用,最实用的网页字体样式font-family:'Microsoft YaHei'. 或许多年后再见,各自安静生活数年,在某个人潮拥挤的街头透过公交的玻璃窗 ...
html语言中如何设置字体,css中如何设置字体样式？
CSS设置字体 DIV内文字字体样式如何设置,怎么设置对象内文字字体样式,比如黑体.宋体.微软雅黑.英文字体等字体如何设置? css可以通过font-family属性来设置字体样式,font-fami ...
html5 style设置字体,初识HTML(5)+CSS(3)-2020升级版 - font-style：设置字体样式，3种
font-style:设置字体样式,3种设置方式默认为normal,italic设置字体本身就有倾斜的样式,oblique强制将字体倾斜正常字体:normal 斜体:italic 倾斜:obliq ...
Qml控件设置字体样式
Qml中的部分控件支持设置字体样式,如Control控件有font属性,可以用来设置字体样式(除了字体的颜色),按照正确的格式编写才可以运行正常. 正确编写格式如下: import QtQuick 2 ...
EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）
1 Maven配置 <dependency><groupId>cn.hutool</groupId><artifa ...

font:综合设置字体样式(重点)

font:综合设置字体样式(重点)相关推荐

最新文章

热门文章