CSS属性

1.文本属性（上张）

2.列表属性：针对于列表符号

1：定义列表符号的样式：

• list-style-type:

  disc

• circle
• square
• none

2:使用图片做为列表符号

• list-style-image:url(图片路径)

3:定义列表符号的位置：

• list-style-position:

  outside

• inside

4:常用的形式：

• list-style:none; //去掉列表符号

3.边框属性

1:边框的位置：长在元素宽高以外的。

2：border:10x solid blue 复合式写法

• 边框类型

  solid(实线)

• dashed(虚线)
• dotted(点状线)
• double(双线)
• none/0

3: 给单一一个方向设置边框

• border-left:10px solid red;
• border-right:10px solid red;
• border-top:10px solid red;
• border-bottom:10px solid red;

4: 设置方法：

• border-width
• border-style
• border-color

5: 用边框拼出三角形

• 透明色： transparent

4.背景

1：背景色background-color:;

2:背景图background-image:url(图片的路径);

• 背景图的显示形式：
  容器大于背景图的时候，直到铺满位置
  容器等于等于背景图，正好显示一张
  容器小于背景图，只显示容器区域
• 注：背景图是不占据空间的。

3:控制背景图是否平铺background-repeat:;

• repeat 平铺
• no-repeat 不平铺
• repeat-x 横向平铺
• repeat-y 纵向平铺

4:控制背景图的位置： background-position:;

100px 200px 距离左侧100px 距离顶端200px -100px -50px 往左走100px 往上走50px center 左右上下居中 left center 在左侧 处于上下居中

• 第一个控制左右

• 第二个控制上下

5:背景图的固定： background-attachment:

• scroll (滚动)
• fixed (固定)

6:简写形式:

• background:颜色值 url() no-repeat right center;

5.表格

1：让相邻单元格边框合并或分开，添加在table上面 border-collapse:

• collapse （合并）
• separate (分开)

2: 相邻单元格边框之间的间距 ,添加在table上面border-spacing:;

3: 当单元格没有内容的时候，是否显示单元格区域empty-cells:

• show
• hide

table-layout:

• auto:自动状态

  执行逻辑：单元格宽度的分配，默认情况下：首先判断内容量，如果内容多，分配的宽度大，如果内容少分配的宽度少。

• 缺陷：性能消耗大