1.css常用属性设置
1.1.背景
1.background-color
设置元素的背景颜色
例：body{
background-color:red
}
2.background-image
设置元素的背景图像，默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体。
例：body{
background-image：url(paper.gif)
}
3.background-repeat
设置背景图片不重复显示
例：body{
background-image:url(img/logo.jpg)；
background-repeat:no-repeat;
}
1.2文本
1.color
设置文本颜色，颜色值可以用英文、十六进制值、RGB来表示。
例：body{
color:blue;
}
2.text-align
设置文本对齐方式，center(居中），left(左对齐），right(右对齐），justify（两端对齐文本效果），inherit（规定应该从父元素继承text-align属性的值）。
例：body{
text-align:center;
}
3.text-decoration:
对文本进行修饰，overline（上划线），line-through（中划线），underline（下划线）
例：body{
text-decoration:line-through；
}
去除超链接的下划线
text-decoration:none；
4.text-indent
设置文本首行缩进
例：p{
text-indent:2em;
}
em为一个相对值，例如页面的大小为17px，则2em九尾17px*2（平方）；
1.3字体
1.font-family
设置字体的系列,如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。
例：p{
font-family：“楷体”
}
2.font-style
设置字体系列，normal（正常），italic（斜体），oblique（倾斜的文字）。
例：p{
font-style:normal;
}
3.font-size
设置字体大小，用px或者em设置。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
因此，1em的默认大小是16px。可以通过下面这个公式将像素转换为em：px/16=em
例：p{
font-size：40px；
}
1.4.display属性
1.dispaly
规定元素应该生成的框的类型，这个属性用于定义建立布局时元素生成的显示框类型。
none：不会被显示。
block：此元素将显示为块级元素，此元素前后会带有换行符。
inline：默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block：行内块元素。
list-item：此元素会作为列表显示。
例：p{
display：none；
}
1.5.浮动
1.float
可以在一行内显示多个内容。属性值有none（无），left（左），right（右）。
只有横向浮动，并没有纵向移动。
会将元素的display属性变为block。
浮动元素的后一个元素会围绕着浮动元素（典型运用时文字围绕图片）。
浮动元素的前一个元素不会受到任何影响（如果你想让两个块状并排显示，必须让两个块状元素都有float）。
p{
float：left；
}
2.盒子模型
2.1.padding
盒子模型的内边距
1.设置内边距的宽度
例：table{
padding：15px；
}
2.单独设置各边的内边距
padding-top，padding-left，padding-bottom，padding-right。
如果不说明各边，只设置几个数据，则默认按照上右下左的顺序设定。
设置1个值：上右下左都一致
设置2个值：上下一致，左右一致
设置3个值：上右下，左和右一致
例：div{
padding-top：15px；
}
2.2.border
盒子模型的边框，设置所有的边框属性。
1.同时设置边框的宽度，样式，颜色。
例：table{
border:1px solid black;
}
2.可以border-width,border-style单独设置
例：table{
border-width:100px;
border-color:green;
}
3.border-style的属性
none:默认无边框
dashed：定义一个虚线边框
solid：定义实线边框
double：定义两个边框，两个边框的而宽度和width的值相同
groove：定义3D沟槽边框，效果取决于边框的而颜色值
ridge：定义3D脊边框，效果取决于边框的而颜色值
inset：定义一个3D的嵌入边框，效果取决于边框的而颜色值
outset：定义一个3D突出边框，效果取决于边框的颜色值
例：table{
breder-style：none；
}
4.border-collapse
设置是否将表格边框折叠为单一边框。
属性值：seprate（默认，单元格边框独立），collapse（单元格边框合并）
例：table{
border-collapse：collapse；
}
2.3marign
盒子模型的外边距
1.设置一个元素所有外边距的宽度
例：div{
marign:2px 4px 3px 4px
}
2.单独设置各边的外边距
marign-top/left/bottom/right
例：div{
marign-top:20px;
}
