一，背景属性

背景属性background为简写，它包含滚动，颜色，图片，开始位置，重复样式，区域，定位，尺寸。所有属性值可以写在一起。如.class {background: #ff0000 url(/i/eg_bg_03.gif) repeat fixed center;}

1，background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动

scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。

2，background-color 设置元素的背景颜色。

color_name 规定颜色值为颜色名称的背景颜色（比如 red）。
hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。
transparent 默认。背景颜色为透明。
inherit 规定应该从父元素继承 background-color 属性的设置。

3，background-image 设置元素的背景图像。

url('URL') 指向图像的路径。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。

4，background-position 设置背景图像的开始位置。

描述 top left；top center；top right；center left；center center；center right；bottom left；bottom center；bottom right 如果仅规定了一个关键词，那么第二个值将是"center"。
坐标% x% y% 第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果仅规定了一个值，另一个值将是 50%。
坐标px xpos ypos 第一个值是水平位置，第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值，另一个值将是50%。您可以混合使用 % 和 position 值。

5，background-repeat 设置是否及如何重复背景图像。

repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
inherit 规定应该从父元素继承 background-repeat 属性的设置。

6，background-clip 规定背景的绘制区域。

border-box 背景被裁剪到边框盒。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。

7，background-origin 规定背景图片的定位区域。

border-box 背景被裁剪到边框盒。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。

8，background-size 规定背景图片的尺寸。

length 设置背景图像的高度和宽度
percentage 以父元素的百分比来设置背景图像的宽度和高度
cover 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域
contain 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域

二，透明度

1，opacity 从 0.0 （完全透明）到 1.0（完全不透明）

透明度多使用在img标签上，属于颜色属性。

三，字体

font属性之可以一个申明中设置所有字体属性。

1，font-style 字体样式

normal 默认值。浏览器显示一个标准的字体样式
italic 浏览器会显示一个斜体的字体样式
oblique 浏览器会显示一个倾斜的字体样式

2，font-variant 小型大写字母字体

normal 默认值标准字体
small-caps 浏览器会显示小型大写字母的字体

3，font-weight 设置文本的粗细

bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100~900 400 等同于 normal，而 700 等同于 bold

4，font-size 字体尺寸

字符 xx-small；x-small；small；medium；large；x-large；xx-large；smaller ；larger ；
把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large，默认值：medium。
num-px 设置为一个固定的值
num% 设置为基于父元素的一个百分比值

5，line-height 行高

number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距
length 设置固定的行间距
% 基于当前字体尺寸的百分比行间距

6，font-family 字体集

通用字体

Serif 字体Georgia, serif, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif
Sans-Serif 字体 Arial, Helvetica, sans-serif, "Arial Black", Gadget, sans-serif
Monospace 字体 'Courier New', Courier, monospace, 'Lucida Console', Monaco, monospace

四，列表

1，list-style 列表标记样式

一次定义所有属性值：.class {list-style:square inside url('/i/arrow.gif');}

2, list-style-type 标记样式

可设置圆，方块，空心圆等等，更多样式

3，list-style-position 标记位置

inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐

4，list-style-image 标记图片

url('') 图片位置
none 默认。无图形被显示

五，定位

1，clear 清除浮动

设定元素的哪一侧不允许其他浮动元素

left 在左侧不允许浮动元素
right 在右侧不允许浮动元素
both 在左右两侧均不允许浮动元素
none 默认值。允许浮动元素出现在两侧

2，cursor 光标

设定要显示的光标的类型（形状），可以设为text , pointer 等更多属性值

3，display 块类型

设定元素应该生成的框的类型

inline 内联元素
block 块级元素
flex 使用flex布局

4，float 浮动

left 左浮动
right 右浮动
none 不浮动

5，overflow 溢出

visible 默认值。内容不会被修剪，会呈现在元素框之外
hidden 内容会被修剪，并且其余内容是不可见的
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

6，position 位置设定

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定，原来元素位置空间消失。
fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative 生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素，保留原来元素位置空间。
static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）

7，vertical-align 垂直对齐

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

top 把元素的顶端与行中最高元素的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐

六，表格

1，border-collapse 边框合并

separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性
collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性

2，caption-side 标题位置

top 表格顶部
bottom 表格底部

3，border-spacing 单元间距

设定单元格边框间距

4，empty-cells 空单元格

是否显示空单元格

hide 隐藏
show 显示

七，文本

1，text-decoration 下滑线

none 默认。定义标准的文本。
underline 定义文本下的一条线
overline 定义文本上的一条线
line-through 定义穿过文本下的一条线
blink 定义闪烁的文本

2，text-indent 缩进

length 固定值
% 定义基于父元素宽度的百分比的缩进

3，text-transform 大小写

capitalize 文本中的每个单词以大写字母开头
uppercase 定义仅有大写字母
lowercase 定义无大写字母，仅有小写字母

css 基础