CSS高级教程

rain

1、CSS星号*选择器*{padding:0; ... }
CSS星号“*”这是什么意思呢？
这里的“*”号是通配符，即指，网页html中所有标签意思。
例子：
CSS代码：*{ padding:0; margin:0; font-family:"黑体"}
以上DIV+CSS中CSS代码意思：设置网页html中所有标签成员的css样式为padding为0，margin为0,字体为黑体。
这样就无需像以前那样分别设置网页不同标签元素的css样式表,这样就全面设置和初始化了html标签元素的CSS样式。
2、CSS选择器内以(*)星号开头CSS单词  

在CSS选择器内星号+CSS样式属性单词，一般区别IE6和IE8、IE6和FF，IE7和IE8，IE7和FF浏览器之间属性CSS HACK。如下演示测试。

.divcss5{border:1px solid #000;width:220px;*width:300px;}
我们设置一个宽度为220px,一个带星号的宽度为300px，

讲过各大浏览器测试，我们会发现在IE6和IE7中宽度为300px，而在IE8及以上MSIE版本、谷歌浏览器、火狐(FF)浏览器却显示为220px宽度。

自己测试测试看看是否与描述相同效果。
注意：这里属于星号CSS属性放置前后位置。

rain

font、font-family(字体)、font-size（字大小）、font-style（字样式）、font-weight（css加粗）、text-decoration（下划线）、font-variant（字母大小写）、text-transform（英文大小写）、letter-spacing（间隔）

text-transform 值：
Capitalize 英文拼音的首字母大写
Uppercase 英文拼音字母全大写
Lowercase 英文拼音字母全小写

font-variant : normal | small-caps
normal : 正常的字体
small-caps : 让字母变成小型的大写字母字体并缩小字母

text-indent设置抬头距离css缩进
letter-spacing来设置字与字间距_字符间距离，字体间距css样式

---

text-overflow : clip | ellipsis
clip : 　不显示省略标记（...），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（...）

overflow 属性[]overflow 属性规定当内容溢出元素框时发生的事情
可能的值

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

rain

display 属性规定元素应该生成的框的类型。
值        描述
none        此元素不会被显示。
block        此元素将显示为块级元素，此元素前后会带有换行符。
inline        默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block        行内块元素。（CSS2.1 新增的值）
list-item        此元素会作为列表显示。
run-in        此元素会根据上下文作为块级元素或内联元素显示。
compact        CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker        CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table        此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
inline-table        此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
table-row-group        此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group        此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group        此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row        此元素会作为一个表格行显示（类似 <tr>）。
table-column-group        此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column        此元素会作为一个单元格列显示（类似 <col>）
table-cell        此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption        此元素会作为一个表格标题显示（类似 <caption>）
inherit        规定应该从父元素继承 display 属性的值。