1--圖片固定:background-attachment:fixed;
2--表格的標題:caption-side:bottom;
3--border-style:solid;
??? border-width:medium;
注意:"border-width" 屬性 如果單獨使用則不起作用硬纤。要先使用 "border-style" 屬性來設(shè)置邊框。
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--設(shè)置元素的形狀: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" 偽元素向文本的? 首字母 / 首行? 設(shè)置特殊樣式;
18--文本轉(zhuǎn)換:text-transform:uppercase; ?(轉(zhuǎn)換成大寫);
19--? 設(shè)置不透明度:filter:alpha(opacity=60) ;
? ?? ? ?? 它的意思是{過濾器:阿爾法(透明度=60);} ?
20--(2017/04/20)五大內(nèi)核:
21--