CSS文本-边框-列表

文本属性

letter-spacing      字母间距  
word-spacing        单词间距
text-decoration     文本修饰        值: none / underline 下划线 / overline 顶划线 / line-thtrough 删除线
text-align          文字的对齐方式    值 left/center/right
vertical-align      文字垂直对齐      值： baseline/middel/top/bottom
text-indent         首行缩进            长度
line-height         行高              （行高等于元素高度，实现文字垂直居中。 一行文字）
text-transform      转换文字大小          值：uppercase 转换成大写 / lowercase 转换成小写 / capitalize          将每个英文单词的首字母转换成大写，其余无转换发生
font-variant        值：normal        默认 / small-caps 小型大写字母的字体

边框样式border

border-style:属性值
none    无样式
hidden  与“none”相同。bug应用于表除外。对于表，hidden用于解决边框冲突
solid   实线
dashed  虚线
dotted  点线
double  双线，双线的宽度等于border-width值

border-style属性值（3D边框样式）
inset   内凹
outset  外凸
ridge   脊线
groove  槽线

表格属性

• 表格边框合并border-collapse
  • border-collapse是表格独有的属性。除了表格，在其他地方是用不上的。只需要在table元素中设置border-collapse属性值就行，没必要在th、td这些元素也设置，造成代码冗余。

border-collapse属性取值
separate    默认值，边框分开，不合并
collapse    边框合并，如果相邻，则共用一个边框

• 表格标题位置caption-side

caption-side属性值 说明
top 默认值，标题在顶部
bottom  标题在底部

列表属性

• 在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。

* 有序列表list-style-type属性取值
list-style-type属性值说明
decimal         默认值，数字1、2、3……
lower-roman     小写罗马数字i、ii、iii……
upper-roman     大写罗马数字I、II、III……
lower-alpha     小写英文字母a、b、c……
upper-alpha     大写英文字母A、B、C……

* 无序列表list-style-type取值
list-style-type属性值说明
disc    默认值，实心圆“●”
circle  空心圆“○”
square  实心正方形“■”

* 去除列表项符号
list-style-type取值说明
none    去除列表项符号