字体font复合属性

目前自学HTML，CSS，JavaScript，以后会不定时更新学习笔记，和大家一起交流学习！
今天介绍一下字体font相关属性的连写
属性名：font（复合属性）
取值： font：style weight size family；
复合属性连写的font格式：font:font-style font-weight font-size/line-height font-family;
要求：
1、只能省略前两个，如果省略了相当于设置了默认值。通俗来讲，连写时有的属性可以不写但必须保留font-size和font-family属性。
2、顺序不能颠倒，各个属性必须用空格隔开。但字的大小属性font-size和行宽属性line-height要用 / 隔开。
3、   如果需要同时设置单独和连写形式
4、   要么把单独的样式写在下面。比如：连写属性“font: italic 700 50px 微软雅黑;”写完，不想让字体倾斜了，就在这个标签下面写单独的样式“font-style:mormal”，此时，字体就显示正常了，这是根据CSS的层叠性。
5、   要么把单独的样式写在连写的里面。

注：正式工作中这个font复合属性不常用！

代码示范：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
p {
/* font：style weight size family; 四者顺序不能颠倒切换 */
font: italic 700 50px 微软雅黑;
}
<style>
</head>
<body>
<p>这是标签</p>
</body>
</html>

字体font复合属性相关推荐

font复合属性的连写
网上找的资料很多都没有表达连写规则,很乱:防止自己忘记以下是自我总结. 1.复合属性连写的font格式:font:font-style font-weight font-size/line-heigh ...
CSS属性之字体(Font)
CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...
background复合属性顺序_CSS有哪些好用的字体属性？
本文创建于2020年9月,以下为正文: CSS中有哪些字体属性呢? font:复合属性.设置或检索对象中的文本特征. font-style:设置或检索对象中的字体样式.用于定义字体的风格,如:斜体(i ...
字体系列之字体复合属性(CSS、HTML)
字体系列之字体复合属性(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ch ...
matplotlib的Text、FontProperties对象、字体（font）属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
html字体相关的属性,CSS 字体属性font相关的用法
phpweb设置字体名称属性(font-family) 这个属性设置页面中选择用哪种字体,常用的字体有:Simsun.Arial.Verdana.Helvetica. sans-serif等,定义方法 ...
常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记
一.常见的CSS字体样式属性 1.font-size属性:用于设置字体字号该属性的值有相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用) 绝对长度单位:in(英寸)cm(厘米)m ...
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
普歌-赤道团队:前端基础CSS-Fonts(字体)与文本属性要点及解析
css-Fonts字体属性与文本属性系列要点 css-fonts字体属性及文本属性一.字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 文字样式 1.5 字体复合属性 1.6 ...

字体font复合属性

字体font复合属性相关推荐

最新文章

热门文章