基於HTML5的APP開發學習(二)

2021-08-20 21:05:17 字數 1839 閱讀 8193

屬性選擇器中還可以包含=、~、^、$、|、*等符號,=表示相等,~表示空格分隔的包含,|表示以連字元分隔的開始,^表示開始,$表示結尾,*表示任意。

偽元葷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 手機等方式讓定位更為精準...