一、表格css属性
1、表格边框
- 指定 CSS 表格边框,使用 border 属性,通常定义td,th的边框属性
- 表格会呈现双边框,是因为表和 th / td 元素有独立的边界。
- table存在默认属性border-collapse:separate
2、表格的折叠边框
border-collapse 属性设置表格的边框是否被合并为一个单一的边框
-
取值
-
separate:边框独立(默认值)
-
collapse:相邻边框被合并
-
border-spacing:单元格之间的间距
- border-spacing:水平方向 垂直方向;
- border-spacing:一个值;代表水平方向和垂直方向的间距是一样的
-
注意:只有在 边框独立border-collapse: separate时才能用
二、单元格内容的垂直对齐
-
vertical-align 作用:垂直对齐属性设置垂直对齐,比如顶部,底部或中间
-
常用值
-
top顶部对齐
-
middle居中对齐
-
bottom底部对齐
三、如何使用css实现表格的1像素边框
border-collapse:collspse;
}
四、css字体,文本属性
1、font-family:
- 作用:设置文本的字体系列。
2、font-size
- 作用:设置字体的大小。
3、font-style
- 作用:设置字体的样式。
4、font-weight
- 作用:设置字体粗细。
5、line-height
- 作用:设置行高(效果是产生文本行间距)。
6、font简写
- 作用:设置所有字体属性。
7、text-align:
- 作用:设置文本的水平对齐方式。
8、text-decoration
- 作用:设置文本装饰
9、text-indent
- 作用:设置文本块首行的缩进。
10、color
- 作用:设置文字的颜色。
五、常用复合选择题
概述:由两个或多个基础选择器通过不同的方式组合而成的选择器
1.后代选择器
- 作用: 选择E元素内部包含的所有F元素。
2.子代选择器
- 作用: 选择E元素内部包含的所有直接子元素F(第一嵌套层级)。
3.群组选择器
作用: 使用逗号分隔的列表来对选择器进行分组,给列表中每一个选择器选中的元素设置样式。
4.伪类链接选择器
- 用于添加特殊效果
5.相邻选择器
作用:E元素之后紧跟着的兄弟元素F