font复合属性的连写

网上找的资料很多都没有表达连写规则，很乱；防止自己忘记以下是自我总结。

1、复合属性连写的font格式：font:font-style font-weight font-size/line-height font-family;

2、顺序不能颠倒，各个属性必须用空格隔开但字的大小属性（ font-size）和行宽属性（line-height）要用 / 隔开。

3、连写时有的属性可以不写但必须保留font-size和font-family属性。

代码示例：

/* css代码段 */
.fontlx {/* 20PX 宋体 倾斜 加粗 行高是2倍 */font: italic 700 20px/1.5 宋体;/* 复合属性连写的font格式：font:font-style font-weight font-size/line-height font-family;*/}

/* HTML代码段 */
<p class="fontlx indent">孔子以往说过这样的话，在不一样的人中，我们都会有值得学习的人，我们要选择性学习，学习别人长处，改变自我的缺点。的确人无完人，人生是一个不断完善的过程，我们就要不停地反省和学习。</p>

至于首行缩进是我在indent类中加了首行缩进2em.

font复合属性的连写相关推荐

字体font复合属性
目前自学HTML,CSS,JavaScript,以后会不定时更新学习笔记,和大家一起交流学习! 今天介绍一下字体font相关属性的连写属性名:font(复合属性) 取值: font:style ...
html编写的过程中，为什么font设置属性的时候，第二个属性不起作用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
background复合属性顺序_CSS有哪些好用的字体属性？
本文创建于2020年9月,以下为正文: CSS中有哪些字体属性呢? font:复合属性.设置或检索对象中的文本特征. font-style:设置或检索对象中的字体样式.用于定义字体的风格,如:斜体(i ...
字体系列之字体复合属性(CSS、HTML)
字体系列之字体复合属性(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ch ...
一个对象的属性_【前端冷知识】如何判断一个对象的某个属性是可写的？
这是一个咋一听好像很简单,但是实际上却没那么简单,而且是很有趣的问题. 我们先来看一下什么情况下一个对象的属性是可写的. "属性可写"这个概念并没有严谨的定义,我们这里先来规定一下 ...
html边框复合属性,详解CSS的border边框属性及其在CSS3中的新特性
基础你可能很熟悉边的最基本用法. CSS Code复制内容到剪贴板 border:1pxsolidblack; 上面的代码将给元素应用1px的边.即简洁又简单:但我们也可以稍作修改. CSS Code ...
常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记
一.常见的CSS字体样式属性 1.font-size属性:用于设置字体字号该属性的值有相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用) 绝对长度单位:in(英寸)cm(厘米)m ...
背景图片html写法,CSS3背景图片background属性简写/连写
在开发中背景属性 background 还是很常用的, background 有很多属性,如: background-color 背景颜色 background-image 背景图像 backgrou ...
list-style-type属性、list-style-image属性、list-style-position属性、list-style复合属性的用法，背景图像定义项目符号/学习笔记
一.list-style-type属性在css中list-style-type属性可以用于控制列表项显示符号的类型 /*使用该方法可以使用css来定义列表的type属性*/ 属性值描述属性值描 ...

font复合属性的连写

font复合属性的连写相关推荐

最新文章

热门文章