[attribute] 匹配指定属性，不论具体值是什么

[attribute="value"] 完全匹配指定属性值

[attribute~="value"] 属性值是以空格分隔的多个单词，其中有一个完全匹配指定值

[attribute|="value"] 属性值以 value- 打头

[attribute^="value"] 属性值以 value 开头， value 为完整的单词或单词的一部分

[attribute$="value"] 属性值以 value 结尾， value 为完整的单词或单词的一部分

[attribute*="value"] 属性值为指定值的子字符串

以下是会被继承的 CSS 属性，我们按照类型对其进行了分组。这些属性中的大多数都将

在本书后续章节进行讲解，不过你可以根据它们的名称猜出其作用。

◎ 文本

‰ color （颜色， a 元素除外）

‰ direction （方向）

‰ font （字体）

‰ font-family （字体系列）

‰ font-size （字体大小）

‰ font-style （用于设置斜体）

‰ font-variant （用于设置小型大写字母）

‰ font-weight （用于设置粗体）

‰ letter-spacing （字母间距）

‰ line-height （行高）

‰ text-align （用于设置对齐方式）

‰ text-indent （用于设置首行缩进）

‰ text-transform （用于修改大小写）

‰ visibility （可见性）

‰ white-space （用于指定如何处理空格）

‰ word-spacing （字间距）

◎ 列表

‰ list-style （列表样式）

‰ list-style-image （用于为列表指定定制的标记）

‰ list-style-position （用于确定列表标记的位置）

‰ list-style-type （用于设置列表的标记）

◎ 表格

‰ border-collapse （用于控制表格相邻单元格的边框是否合并为单一边框）

‰ border-spacing （用于指定表格边框之间的空隙大小）

‰ caption-side （用于设置表格标题的位置）

‰ empty-cells （用于设置是否显示表格中的空单元格）

◎ 页面设置（对于印刷物）

‰ orphans （用于设置当元素内部发生分页时在页面底部需要保留的最少行数）

‰ page-break-inside （用于设置元素内部的分页方式）

‰ widows （用于设置当元素内部发生分页时在页面顶部需要保留的最少行数）

◎ 其他

‰ cursor （鼠标指针）

‰ quotes （用于指定引号样式）

cursive 、 fantasy 、 monospace 分别表示手写字体、装饰字体和等宽字体。

斜体/取消斜体font-style: italic; font-style: normal

粗体/取消粗体font-weight: bold font-weight: normal

字体换算：1em=16px 要指定的字体大小／ 16 ＝值

按状态选择要格式化的链接元素的步骤

(1) 输入 a （ a 是链接元素的名称）。

(2) 输入 : （冒号），前后都没有空格。

(3) 完成第(2)步以后，执行下列操作之一以

表明你希望影响的链接状态：

输入 link 以设置从未被激活或指向，当前也没有被激活或指向的链接的外观；

输入 visited 以设置访问者已激活过的链接的外观；

输入 focus ，前提是链接是通过键盘选择并已准备好激活的，（注意：如果链接处于活跃状态也会获得焦点）；

输入 hover 以设置光标指向链接时链接的外观；

输入 active 以设置激活过的链接的外观。

设 置 背 景 有 很 多 属 性 可 以 利 用， 包括 background-color 、 background-image 、

background-repeat 、 background-attachment 及background-position 等。还可以使用 background简记法，该属性将上述属性合并了，可以节省大量的输入。

背景图像作为背景：background-image: url(bg-pattern.png)；

重复背景图像：background-repeat: repeat 、repeat-x 、 repeat-y 和 no-repeat。

控制背景图像是否随页面滚动: background-attachment: fixed scroll local

指定元素背景图像的位置: background-position：_x y_ left （左对齐）、 center （居

中）或 right （右对齐）表示 x；用 top （顶端对齐）、 center （居中）或 bottom （底端对齐）表示 y。

background-clip 和 background-origin 两个属性分别控制元素背景显示的范围和开始的

位置。这两个属性都接受相同的值： content-box 包含内容， padding-box 包含内容和内边距，border-box 包含内容、内边距和边框。 background-clip 的默认值为 border-box ，而 background-origin 的默认值则为 padding-box 。

background-size: auto contain cover

指定字间距：word-spacing:

指定字偶距：letter-spacing:

增加缩进的方法：text-indent: length

对齐文本：text-align: left right center justify（两端对齐）；

修改文本大小写：text-transform: capitalize 让每个单词的首字母大写；或者输入 uppercase 让所有字母大写；或者输入 lowercase 让所有字母小写；或者输入 none 让文本保持本来的样子（可以用来取消继承的值）。

小型大写字母：font-variant: small-caps/ none

装饰文本: text-decoration: underline 以添加下划线；overline 以添加上划线；line-through 以添加删除线。text-decoration: none 取消文本装饰。

设置空白属性：white-space：pre ，以让浏览器显示原文本中所有的空格和回车；nowrap ，确保所有空格不断行，也就是文本全部显示在一行； normal ，按正常方式处理空格。

overflow: hidden; text-overflow:ellipses; ，超出元素盒的文本会显示为省略号。

内边距，padding

边框，border

外边距，margin

display: none;

display: inline

display: inline-block

display: block

控制元素可见性:visibility: hidden visible

min-height min-width

边框风格border-style: none 、 dotted （点线）、 dashed （虚线）、

solid （实线）、 double （双线）、 groove （槽线）、

ridge （脊线）、 inset （凹边）或 outset （凸边）。

1.2018年全国青少年创意编程与智能设计大赛智能设计比赛终评入围