文本属性
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属性值 说明
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 去除列表项符号