1--圖片固定:background-attachment:fixed;

2--表格的標題:caption-side:bottom;

3--border-style:solid;

??? border-width:medium;

注意:"border-width" 屬性 如果單獨使用則不起作用。要先使用 "border-style" 屬性來設置邊框。

4--邊框輪廓:outline:green dotted thick;

5--最大'高度'? /? 最小'高度':? max-height:?px;? ? ? /???? min-width:?px;

6--隱藏元素:visibility:hidden;

注意: 實例中的隱藏標題仍然占用空間.

7--不顯示一個元素:display:none;

8--隱藏一行或一列表格:visibility: collapse;

9--重疊樣式:z-index:-1;

? ? ? 鏈接:http://www.runoob.com/try/try.php?filename=trycss_zindex

10--設置元素的形狀:clip:rect(0px,60px,200px,0px);

????????????????????? 它的意思是:剪裁 :矩形 (0px,? 60px?? ,200px???? ,0px)

11--顯示滾動條:overflow:scroll;

12--鼠標指針發(fā)生變化(更改光標):cursor:auto;

? ? ? ? 鏈接:http://www.runoob.com/try/try.php?filename=trycss_cursor

13--清除浮動:clear:both;

14--有趣的border屬性,建議看看

? ? ? ? ? ? ? 鏈接:http://www.runoob.com/try/try.php?filename=trycss_float5

15--代碼:???????????????? h1:before

????????????????????????? ? ? ? ?? {

???????????????????????????????????? counter-increment:section;

????????????????????????????????????? content:"Section " counter(section) ". ";

?????????? }

??????????????????????????????????????? h2:before

????????????????????????????????????? {

?????????????????????????????????????????????? counter-increment:subsection;

?????????????????????????????????????????????? content:counter(section) "." counter(subsection) " ";

??????????? }

效果:Section1.HTML tutorials

?? ? ? 1.1 ???? HTML Tutorial

??? ?? 1.2 ???? XHTML Tutorial

??? ?? 1.3 ???? CSS Tutorial

16--焦點:input:focus{

} ??

(文本框點擊后的樣式)?? ? ? ??

17--使用 "first-letter / line" 偽元素向文本的? 首字母 / 首行? 設置特殊樣式;

18--文本轉換:text-transform:uppercase; ?(轉換成大寫);

19--? 設置不透明度:filter:alpha(opacity=60) ;

? ?? ? ?? 它的意思是{過濾器:阿爾法(透明度=60);} ?

20--(2017/04/20)五大內核:

21--

?