屬性選擇器中還可以包含=、~、^、$、|、*等符號,=表示相等,~表示空格分隔的包含,|表示以連字元分隔的開始,^表示開始,$表示結尾,*表示任意。
偽元葷a:hover必須位於a:link和a:visited之後,這樣才能生效;a:active必須位於a:hover之後,這樣才能生效。
:before 用於在某個元素之前插入一些內容
:after 用於在某個元素之後插入一些內容
:root 匹配文件根元素。
:not選擇器,匹配非指定元素或選擇器的每個元素。
:empty選擇器,匹配沒有子元素的每個元素,以下樣式宣告指定空的元素的背景色為紅色。
:enabled,匹配每個可用的元素
:disabled,匹配每個被禁用的元素
:checked,匹配每個已被選中的元素(只用於單選按鈕和核取方塊)。
:first-of-type,元素下每個標籤型別的第乙個元素
:last-of-type,元素下每個標籤型別的最後乙個元素
:only-of-type,元素下每個只出現一次的標籤型別
:only-child,元素下只有乙個子元素的標籤
:nth-child(n): 元素的第n個子元素,n的可取值:even和odd
:nth-last-child(n) 同上,從最後乙個元素開始計數
:nth-of-type(n):元素對應型別的第n個,2n+1表示奇數,2n表示偶數
:nth-last-of-type(n):同上,但是從最後乙個子元素開始計數
:last-child: 元素的最後乙個子元素
盒內容顯示
overflow屬性定義了溢位元素內容區的內容如何處理,屬性為下列值之一:
visible,預設值,內容不會被修剪,呈現在元素框之外。
hidden,內容會被修剪,其餘內容看不見。
scroll,內容會被修剪,瀏覽器會顯示滾動條以便檢視其餘的內容。
auto,如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。
inherit:從父元素繼承overflow屬性的值。
overflow-x,overflow-y,屬性設定內容的左/右邊緣進行裁剪的方式和對內容上/下邊緣進行裁剪的方式
position屬性
static, 預設值,沒有定位,元素出現在正常的流中
absolute, 生成絕對定位的元素,元素定位後生產乙個塊級框
fixed,生成絕對定位的元素,相對於瀏覽器視窗進行定位『』
relative, 生成相對定位的元素
inherit,規定應該從父元素繼承position屬性的值
resize屬性
none,使用者無法調整元素尺寸
both,使用者可調整元素的高度和寬度
horizontal,使用者可調整元素的寬度
vertical,使用者可調整元素的高度
邊框border-style,屬性為4時,從左到右分別代表上、右、下、左四個邊框。
屬性值為3個時,從左到右分別代表上、右和左、下。
屬性值為2個時,從左到右分別代表上和下,右和左。
屬性為1個時,對所有邊框的設定。
文字效果
direction,設定文字方向,ltr,預設,文字方向從左到右,rtl,文字方向從右到左
text-align, 對齊元素中的文字,可取值:left,right,center,justify
@keyframes規則,用於設定動畫。
css變形
transform:translate
rotate(),用於設定元素順時針旋轉指定的角度。角度單位為deg。
scale(),用於設定元素的尺寸增加或減少。
skew(),用於設定元素傾斜指定的角度。
HTML5的學習(二)HTML5標籤
3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
html5移動開發
canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...