web前端css属性

一，表格css属性：

1，指定css表格边框，用border属性，通常定义td，th的边框属性,

2，border-collapse:设置表格的边框是否被合并为一个单一边框

取值：separate：边框独立（默认值）

collapse：相邻边框被合并

3，单元格之间的间距：

border-spacing：水平方向 垂直方向；

一个值；代表水平方向和垂直方向的间距是一样的,

4，单元格内容的垂直对齐

vertical-align作用：垂直对齐属性设置垂直对齐，比如顶部，底部或中间

常用值：top middle bottom

5，border-collapse：collspse；可以实现表格的1像素边框

二，css字体，文本属性

1，text-align：设置文本的水平对齐方式

常用值：left right center justify 文本两端对齐方式,

2，text-decoration 修饰文本装饰

常用值：none 默认 （常用）

underline 定义文本下的一条线（下划线）

line-through 定义穿过文本的一条线 （删除线）

overline 定义文本的一条线 （上划线 不常用）

3.text-indent 设置文本快首行的缩进

常用值：0 px/em 百分比：相对于元素内容进行计算 允许负值

4，color：设置文字的颜色

5，颜色的几种表现形式： 英文的关键词：例：red ，green transparent：透明色

十六进制色值: 由#号六位十六进制的数组成（0~9 a~f）

rgba：红色，绿色，蓝色 透明度 0完全透明 1完全不透明

三，常用复合选择器

1，后代选择器 后代选择器又称包含选择器，可以选择某元素后代的元素

空格连一个或多个选择器

2，子代选择器 子代选择器只能选择他的子代范围内的选择器，也就是父子关系

大于号连接一个或多个选择器

作用：选择包含的所有子元素

3，群组选择器 ：群组选择器是在样式表中有很多相同样式的元素，为了减少代码，我们

可以用群组选择器，群组选择器是将任意多个选择器分在一组，每个选择器之间用逗号隔开

用逗号连接一个或多个选择器，给选中的每一个选择器中的元素设置样式

4，伪类链接选择器 用于添加特殊效果

a ：link 链接的默认样式 visited 链接访问过得样式 hover鼠标悬停的样式 active鼠标按下的样式

5.相邻选择器

用加号连接 连接一个或多个选择器

作用：元素之后紧跟着兄弟元素

例：.box+p

四，css盒模型

1，内容content

2，width：宽度

lengh：像素px ，rem em

auto默认值，百分比，

max-width 最大宽度

min-width 最小宽度

3，height：高度

lengh：像素px ，rem em

auto默认值，百分比

max-height:最大高度

min-height:最小高度

4，内边距 padding内填充

padding-top: 50px;上内填充 padding-left: 20px;左内填充 padding-right: 10px;右内填充 padding-bottom: 20px;下内填充

    复合写法：
    padding: 20px; 一个值  四个填充
    padding: 20px 40px; 两个值 上下填充 左右填充
    padding: 20px 40px 60px; 三个值 上填充 左右填充 下填充
    padding: 20px 40px 60px 80px; 上填充 右填充 下填充 左填充（顺时针方向）

5，外边距 margin ；两个盒子的距离

6，外边距应用

外边距实现已知宽度的盒子居中

需要与width属性配合使用才会有效--固定宽度且居中