《CSS权威指南》读书笔记8

第十二章 列表与生成内容

---

一.列表

1.列表类型

要修改用于列表项的标志类型：



list-style-type属性只能应用于display值为list-item的元素。不过CSS无法识别有序列表项和无序列表项。

---

2.列表项图像

如果图像被损毁/无法加载，可以为列表定义一个后备的list-style-type：

ul li{list-style-image:url(ohio.png);list-style-type:square;}

---

3.列表标志位置

---

4.简写列表样式

*顺序无所谓，而且这些值都可以忽略。只要提供了一个值，剩下的自动填入默认值。

---

5.列表布局

---

二.生成内容

（generated content）这是指由浏览器创建的内容，而不是由标志或内容来显示。例如，列表标志就是生成内容。

---

1.插入生成内容

：before或：after伪元素，且生成元素放在元素框的内部。例如：

---

CSS2.1明确禁止浮动或定位：before或：after内容，还禁止使用列表样式属性以及表属性。还有以下限制：

---

---

2.指定内容

---

1)串

串值会原样显示，即使其中包含某种标记也不例外。如果希望生成内容中有一个换行，要用串 \A，这是CSS表示换行的方式（由Unicode换行符得来）。相反，如果有一个很长的串，需要把它分成多行则需要用 \ 符号对换行符转义。

---

2)URL

指向一个外部资源

---

3)插入属性值

举例：可以把每个链接的href属性值直接放在链接后面，如下

a[href]:after{content:"["attr(href)"]";}

*如果一个属性不存在，则会插入一个空串。

---

4)生成引号

---

*串要成对或多对出现。

---

---

---

3.计数器

例如，有序列表的列表项标志就是计数器。

---

1)重置和递增

---

---

2)使用计数器

---

3)计数器和作用域