HTML5學習之路( )

2021-07-05 07:59:02 字數 1369 閱讀 2811

1、設定電子郵件連線:163郵箱

2、a標籤中的_bland、和_self;分別表示在新視窗中開啟和在當前視窗顯示超連結內容

3、熱點區域:

circle" coords = " 10,10,100" href = "#">   原形- - coords:分別表示圓心座標和半徑畫素

poly" coords = " 10,10,100,100、26,89" href = "#">   多邊形 - - coords:分別表示各個邊的的坐

4、表單提交前不能為空的判斷屬性:required="required";適合的text,search,url,email, password,date,pickers,number,checkbox,radio

5、css3選擇器,

標記選擇器 eg:p;

類選擇器eg:.divcolor;

id選擇器eg:#test;

全域性選擇器eg:*

組合選擇器eg:h1.color

繼承選擇器eg:.test span img

偽類eg::first-child、:link、:vistited、:hover、

屬性選擇器:

e[foo]:標籤中包含foo

e[foo="bar"]:標籤中包含foo="bar"

e[foo~="bar"]:標籤中包含bar並還有其他通過空格符間隔的元素 eg:a[title~="b1"] 匹配

e[foo|="en"]:標籤中包含foo並通過連字元連線的其他屬性,且以en開頭 eg:[lang|="en"] 匹配

e[foo^="en"]:標籤包含foo並並且字首是en eg:body[lang^="en"] 匹配

e[foo$="en"]:標籤包含foo並且屬性已en為字尾 eg:img[src$="jpg"]  匹配

6、結構偽類選擇器

e:root ;匹配文件根元素

e:nth-child(n);匹配父元素下的第n個子元素 n=0 1 2 3 4 5 6.....

e:nth-last-child(n);匹配父元素下倒數第n個子元素n=0 1 2 3 4 5......

e:nth-of-type(n);匹配父元素下同種標籤的第n個元素

e:nth-last-of-type(n);匹配父元素下同種標籤的倒數第n個元素

e:last-child;匹配父元素的最後乙個子元素

e:first-of-type ;匹配父元素下同種標籤的第乙個子元素

e:last-of-type;匹配父元素下同種標籤的最後乙個子元素

e:only-chold;匹配父元素下僅有的乙個元素

e:only-of-type;匹配父元素下同種標籤僅有的乙個元素

e:empty ;匹配父元素下沒有任何子元素

HTML5學習之路(1)

html5是html最新的修訂版本,2014年10月由全球資訊網聯盟 w3c 完成標準制定。html5的設計目的是為了在移動裝置上支援多 移除過時標籤 部分過時的html4標記被移除,其中包括純粹顯示效果的標記如和,它們已被css所取代。新特性 以上就是html5簡要說明 下面來簡要說明幾個html...

html5學習之路 002

html塊 塊元素在顯示時,通常會以新行開始 如 內聯元素頭通常不會以新行開始 如 元素也被稱為塊元素,其主要的是組合html元素的容器 元素是內聯元素,可作為文字的容器 doctype html html head lang en meta charset utf 8 title 塊元素 titl...

Html5學習之路 基礎

對於我們剛開始學習html的學生來說 繁雜的標籤是非常麻煩的 而且不好記,閒話少說,首先我推薦的編譯器是hbuider,作為我們中國人開發的第乙個編譯器,我們理所當然支援一下。不過個人使用的是phpstrom,因為到後來使用後台的時候我使用的是php語言,php語言之強大是你不會估計的!不過他是全英...