CSS列表、表格、表单、高级选择器以及框模型

列表

---

列表样式

---

使用场景

横向或者竖向菜单（有序或者无序列表）
自定义列表（有级别的内容，图文混排的内容）

---

列表样式属性

设置不同的列表样式：list-style-type

ul.circle {list-style-type:circle;}	标记是空心圆。
ul.square {list-style-type:square;}标记是实心方块。

把图像设置为列表中的项目标记：list-style-image

ul
  {
  list-style-image:url("图像路径");
  }

规定列表中列表项目标记的位置：list-style-positon

ul
  {
  list-style-position:inside;
  }

简写属性在一个声明中设置所有的列表属性：list-style

可以按顺序设置如下属性：
type,position,image
ul
  {
  list-style:square inside url('图像路径');
  }

表格

应用场景

规律性的数据展示

基本结构

table-tr-td

表单元素及常用属性

• 标签的 colspan 属性