CSS样式_列表表格轮廓

CSS列表：

list-style 简写属性在一个声明中设置所有的列表属性。添加一个图标代替原来的列表图标。

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

list-style-type 属性设置列表项标记的类型。可能的值有很多。常用的是none无标记，disc默认的实心圆，circle空心圆，square实心方块，decimal数字，decimal-leading--zero即是0开头的数字，lower-roman和upper-roman小大写罗马数字，lower-alpha和upper-alpha小大写英文字母等等。。

list-style-position 属性设置在何处放置列表项标记。属性值inside表示的是在列表标记的那个图标在文本以内。outside表示子啊图标以外。直接的外观看出使用inside属性值列表文本更加的靠后一些。

list-style-image 属性使用图像来替换列表项的标记。这个属性指定作为一个有序或无序列表项标志的图像。最好始终规定一个 "list-style-type" 属性以防图像不可用。属性值有URL，和none默认值，无图形。上面的代码把三个属性值square（假如图像不显示的话），inside和url放在了一起。

CSS表格：

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。属性值collapse表示边框会合并为一个单一的边框，什么意思呢，就是表格中的每一个值不带有自己的框框。属性值separate是默认值，边框会分开，就是每一个值都有一个框框，如果是2*3型的表格，那么加上最外面的一个，你会看到一共有7个框框，如果是collapse，表现的是只有六个小框框。

border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式），属性值为length，length。规定相邻单元的边框之间的距离。可以使用px，cm等单位，不要用负值。不要重叠。如果定义一个参数，那么是水平=垂直=length。两个，那么第一个是水平，第二个是垂直。这里仅仅适用于边框分离的模式，如果使用collapse，会忽略该属性。因为这是规定框框之间的距离，没有框框自然没法用这个属性了。

caption-side 属性设置表格标题的位置。默认值top，标题在上方。还有bottom。

empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）。主要是在separate属性值下有空单元格的话不显示它的框框。在collapse模式下本来就没有框框的。有没有值都一样。

table-layout 属性用来显示表格单元格、行、列的算法规则。默认值为automatic，列宽度由单元格的内容设定。fixed值表示表格由表格宽度和列宽度设定。固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。由于自动表格的最终布局需要在所有内容出现之后才能确定。那么固定宽度在自己没有设置好的情况下，假如表格宽度太小，可能出现内容重叠现象。

CSS轮廓：

轮廓outline是绘制于元素周围的一条线。CSS outline属性可以规定元素轮廓的样式、颜色和宽度。

outline 简写属性在一个声明中设置所有的轮廓属性。三种属性可以写在一起。

p 
{
border:red solid thin;
outline:#00ff00 dotted thick;
}

outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。默认属性是none。只有设置好outline-style才能设置outline-color，可能的值还有：dotted点状的轮廓，dashed虚线，solid实线，double双线，双线的宽度等同于outline-width的值。groove3D凹槽轮廓，ridge3D吐槽轮廓，inset凹边轮廓，outset凸边轮廓。凹凸边表现的是整块表格像是凸起凹下去，而凹凸槽则是在外边框与内框直接的空隙是凹还是凸的。

outline-width 属性设置元素整个轮廓的宽度，只有当轮廓样式不是 none 时，这个宽度才会起作用。如果样式为 none，宽度实际上会重置为 0。不允许设置负长度值。声明这个属性之前同样，要把outline-style属性定义了。轮廓线不会占据空间，也不一定是矩形。不会占据空间的意思是和列表的outside属性值意思一样。默认值是medium，中等轮廓。可能的值还有thin，thick。也可以是length，可以用px表示，也可以用cm（这个单位有点太大了）。

outline-color 属性设置一个元素整个轮廓中可见部分的颜色。要记住，轮廓的样式不能是 none，否则轮廓不会出现。默认值是invert，执行颜色反转，反正能使轮廓在不同的颜色下都是可见的。可能的值，跟之前背景，文字的颜色是一样的：颜色名，rgb（,,)，十六进制#FFFFFF等。

那么本节开头的outline简写属性就明确意思了，这时看到，不需要style再color之前的，这不是顺序执行。