css概述、css样式表分类、选择器分类、css基础样式

•  style=""  行内样式表
•  <style>   内部样式表
•  <link rel="stylesheet"  href="" />  外部样式表  （使用最多）
•  <style>@import ""</style>  导入方式，尽量不要使用！！！

background背景

    1.background-color  背景色  （16进制数  rgb  rgba  英文名）

    2.background-image 背景图

    3.background-size 背景大小 （像素、百分比）

    4.background-repeat  （repeat-x  repeat-y  no-repeat）

    5.background-position  (通过方向值来指定，通过百分比指定，通过确切的像素值指定)

    6.background-attachment  是否随着浏览器滚动，使用它图片会相对浏览器固定住（bg-position和bg-attachment不要一起使用）

    7.background复合属性  可以把之前的属性定义在这一个里面，【一般书写顺序：颜色、图片、是否重复、是否固定、位置】

color颜色

1. color  规定文本的颜色
2. opacity  设置元素的透明度  ，1不透明   0完全透明

font字体

1. font-style 指定文本的字体样式（正常、斜体）
2. font-variant 指定文本是否为小型的大写字母（对英文起作用）
3. font-weight 指定文字的粗细（只有两种样式）  bold  粗体
4. font-size 指定文本字体大小 
5. font-family 定义文本使用某个字体

中文字体font-family常用列表http://www.cnblogs.com/jihua/p/cnfont.html

 font 复合属性

   一般顺序：字体样式、是否为小号大写字、字体粗细、字号、字体

 text文本属性

        color , text-align , line-height ,  letter-spacing , vertical-align ，text-indent ,text-decoration ;

-----【vertical-align----->1. 常用于文本框input ，2. 结合{display：table-cell;}可用于将图片垂直居中 】

-----【valign----->只适用于table中的单元格,例如<td valign=‘top‘ height=‘100px‘>this is cell</td> 】

-----【align----->适用于<hr/>,例如：<hr align="right" width="200" size="20" color="pink"/> ；

　　　　　　　　　<table>，例如：<table border="1" width="300" align="center">······</table> ；

　　　　　　　　　<img/>,例如：<img src="ika.jpg" align="top" /> <span>文本相对于图片顶部显示 </span> ；

　　　　　　　　　·····等等，不再一一列举；】