CSS样式

这介绍简单的css样式

css属性列表 属性名称   

     字体属性（Font）【使用什么字体】font-family        【字体是否斜体】font-style  

                     【是否用小体大写】font-variant     【字体的粗细】font-weight  

                     【字体的大小】font-size   

   

     颜色和背景属性  【定义前景色】Color                【定义背景色】Background-color  

                     【定义背景图案】Background-image   【 重复方式】Background-repeat  

                     【设置滚动】Background-attachment  【初始位置】Background-position    

     文本属性        【单词之间的间距】Word-spacing     【字母之间的间距】Letter-spacing 

                     【文字的装饰样式】Text-decoration  【垂直方向的位置】Vertical-align   

                     【文本转换 】Text-transform        【对齐方式】Text-align  

                     【首行的缩进方式】Text-indent      【文本的行高】 Line-height     

     边距属性        【顶端边距】Margin-top             【右侧边距】Margin-right  

                     【底端边距】Margin-bottom          【左侧边距】Margin-left   

    填充距属性       【顶端填充距】Padding-top          【右侧填充距】 Padding-right                

 

                     【底端填充距】Padding-bottom       【左侧填充距】Padding-left 

     边框属性        【顶端边框宽度】Border-top-width   【右侧边框宽度】Border-right-width          

 

                     【底端边框宽度】Border-bottom-width【左侧边框宽度】Border-left-width  

                     【一次定义宽度】Border-width       【设置边框颜色Border-color  

                     【设置边框样式】 Border-style      【一次定义顶端】Border-top  

                     【一次定义右侧】Border-right       【一次定义底端】Border-bottom  

                     【一次定义左侧】Border-left        【定义宽度属性】Width  

                     【定义高度属性】Height             【文字环绕】Float  

                      哪一边环绕】Clear    

     分级属性        【定义是否显示】Display            【怎样处理空白】White-space  

                     【加项目编号】List-style-type      【加图案】List-style-image  

                     【第二行起始位置】List-style-position 【一次定义列表  】 List-style   

 鼠标（Cursor）属性 属性含义     

                                

`*X`也可以用来选择某元素的所有子元素 #(id)*{},可以是id或class;兼容性有点问题

`#X`可以用id来定位某个元素。`id`选择器是很严格的并且你没办法去复用它

'.X'这是个`class`选择器。它跟`id`选择器不同的是，它可以定位多个元素。当你想对多个元素进行样式修饰的时候就可以使用`class`。当你要对某个特定的元素进行修饰那就是用`id`来定位它。

'XY'如果你想更加具体的去定位元素，你可以使用它

'X'如果你想定位页面上所有的某标签，不是通过`id`或者是’class’，这简单，直接使用类型选择器。 

 

 详细地址：http://www.cnblogs.com/ranzige/p/4105237.html