css學習

此次我們來講css網頁樣式.固然不光css可能還會涉及到css3.

1.css & css3 屬性:

id,class,標籤,包含,關聯。

2.結構僞類:

p.left 類選擇器

:root 根部元素

:not 非指定元素

:empty 元素內容爲空

:target 當超連接在某個網頁中時，纔會起做用.

:first-child 第一個元素

:last-child 最後一個元素

:nth-child 正數第幾個

:nth-last-child 倒數第幾個

dt:nth-child(odd)奇數  

dt:nth-child(even)偶數

dt:nth-of-type(odd)奇數行

dt:nth-of-type(even)偶數行

3.狀態僞類:

a:link 當打開頁面時，默認是什麼顏色.

a:visited 點擊事後的。

a:hover 鼠標懸停

a:active 正在點擊

a:focus 光標獲取

：enabled 可用

: disabled 不可用

:read-only 只讀

:read-write 可讀可寫

:default 默認 未選中;

:checked 已經被選中

:indeterminate 從未選中

::selection 元素處於指定狀態

~兄弟元素

4.border-radius 帶圓角的邊框

陰影:

text-shadow 文字陰影

box-shadow 盒陰影

變形處理:Transform 

Transform:rotate() 旋轉

Transform:scale() 縮放

Transform:skew()傾斜

Transform:translate()移動

動畫設置:Transitions

Transitions:property 動畫設置

Transitions：duration 多長時間

Transitons: timing-function 執行什麼種類的動畫

Transition-delay 延遲

過渡類型:timing-function 屬性

linear: 線性過渡

ease:平滑過渡

ease-in 由慢到快

ease-out 由快到慢

ease-in-out 由慢到快再到慢

cubic-bezier()自定義類型

插入文字：

p:after{content"";}

p:before{content"";}

插入圖片:

li:after{content；url();}

5.樣式表類型:(優先級由高到低)

行內，內嵌， 鏈入，導入。

因爲有點事，此次就先到了，很差意思了。