HTML5+CSS3新增內(nèi)容總結(jié)A嫖ā>跫取!H樾摇瞪讼!絕對(duì)干貨

說(shuō)到H5C3會(huì)不會(huì)覺(jué)得東西好多啊,今天就整理了一份總結(jié)性的內(nèi)容粹断;


CSS3選擇器有哪些符欠?
答:屬性選擇器、偽類選擇器姿染、偽元素選擇器背亥。
CSS3新特性有哪些秒际?
答:1.顏色:新增RGBA,HSLA模式

  1. 文字陰影(text-shadow狡汉、)
  2. 邊框: 圓角(border-radius)邊框陰影: box-shadow
  3. 盒子模型:box-sizing
  4. 背景:background-size 設(shè)置背景圖片的尺寸background-origin 設(shè)置背景圖片的原點(diǎn)background-clip 設(shè)置背景圖片的裁切區(qū)域娄徊,以”,”分隔可以設(shè)置多背景盾戴,用于自適應(yīng)布局
  5. 漸變:linear-gradient寄锐、radial-gradient
  6. 過(guò)渡:transition,可實(shí)現(xiàn)動(dòng)畫(huà)
  7. 自定義動(dòng)畫(huà)
  8. 在CSS3中唯一引入的偽元素是 :selection.
  9. 媒體查詢尖啡,多欄布局
  10. border-image
  11. 2D轉(zhuǎn)換:transform:translate(x橄仆,y) rotate(x,y) skew(x衅斩,y) scale(x盆顾,y)
  12. 3D轉(zhuǎn)換
    CSS3新增偽類有那些?

p:first-of-type 選擇屬于其父元素的首個(gè) <p> 元素的每個(gè) <p> 元素畏梆。
p:last-of-type 選擇屬于其父元素的最后 <p> 元素的每個(gè) <p> 元素您宪。
p:only-of-type 選擇屬于其父元素唯一的 <p> 元素的每個(gè) <p> 元素。
p:only-child 選擇屬于其父元素的唯一子元素的每個(gè) <p> 元素奠涌。 p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè) <p> 元素宪巨。 :enabled、:disabled 控制表單控件的禁用狀態(tài)溜畅。
:checked捏卓,單選框或復(fù)選框被選中。html5有哪些新特性慈格、移除了那些元素怠晴?如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題?(web前端學(xué)習(xí)交流群:328058344 禁止閑聊峦椰,非喜勿進(jìn)A淠)

如何區(qū)分 HTML 和 HTML5?
新特性:

  1. 拖拽釋放(Drag and drop) API
  2. 語(yǔ)義化更好的內(nèi)容標(biāo)簽(header,nav,footer,aside,article,section)
  3. 音頻汤功、視頻API(audio,video)
  4. 畫(huà)布(Canvas) API
  5. 地理(Geolocation) API
  6. 本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失溜哮;
  7. sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除
  8. 表單控件滔金,calendar、date茂嗓、time餐茵、email、url述吸、search
  9. 新的技術(shù)webworker, websocket, Geolocation支持HTML5新標(biāo)簽:

IE8/IE7/IE6支持通過(guò)document.createElement方法產(chǎn)生的標(biāo)簽忿族, 可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽锣笨, 瀏覽器支持新標(biāo)簽后,還需要添加標(biāo)簽?zāi)J(rèn)的樣式:

當(dāng)然最好的方式是直接使用成熟的框架道批、使用最多的是html5shim框架上述內(nèi)容都是自己總結(jié)的如有錯(cuò)誤歡迎指正
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末错英,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子隆豹,更是在濱河造成了極大的恐慌椭岩,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件璃赡,死亡現(xiàn)場(chǎng)離奇詭異判哥,居然都是意外死亡母廷,警方通過(guò)查閱死者的電腦和手機(jī)筋遭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門特恬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)艳狐,“玉大人态罪,你說(shuō)我怎么就攤上這事妥曲〔烀辏” “怎么了歪脏?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵良蒸,是天一觀的道長(zhǎng)技扼。 經(jīng)常有香客問(wèn)我,道長(zhǎng)嫩痰,這世上最難降的妖魔是什么剿吻? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮串纺,結(jié)果婚禮上丽旅,老公的妹妹穿的比我還像新娘。我一直安慰自己纺棺,他們只是感情好榄笙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著祷蝌,像睡著了一般茅撞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上巨朦,一...
    開(kāi)封第一講書(shū)人閱讀 51,292評(píng)論 1 301
  • 那天米丘,我揣著相機(jī)與錄音,去河邊找鬼糊啡。 笑死拄查,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的棚蓄。 我是一名探鬼主播堕扶,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼碍脏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了稍算?” 一聲冷哼從身側(cè)響起典尾,我...
    開(kāi)封第一講書(shū)人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎邪蛔,沒(méi)想到半個(gè)月后急黎,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡侧到,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年勃教,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匠抗。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡故源,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出汞贸,到底是詐尸還是另有隱情绳军,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布矢腻,位于F島的核電站门驾,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏多柑。R本人自食惡果不足惜奶是,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望竣灌。 院中可真熱鬧聂沙,春花似錦、人聲如沸初嘹。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)屯烦。三九已至坷随,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間驻龟,已是汗流浹背甸箱。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留迅脐,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓豪嗽,卻偏偏與公主長(zhǎng)得像谴蔑,于是被迫代替她去往敵國(guó)和親豌骏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • HTML5 1.HTML5新元素 HTML5提供了新的元素來(lái)創(chuàng)建更好的頁(yè)面結(jié)構(gòu): 標(biāo)簽描述 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域...
    L怪丫頭閱讀 2,809評(píng)論 0 4
  • 一隐锭、HTML5 1.1 認(rèn)識(shí)HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語(yǔ)言的一個(gè)最新版本窃躲,更重要的是它制定...
    福爾摩雞閱讀 15,886評(píng)論 14 51
  • 前端開(kāi)發(fā)面試知識(shí)點(diǎn)大綱: HTML&CSS: 對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異钦睡、兼容性蒂窒、hack、CSS基本功:...
    秀才JaneBook閱讀 2,362評(píng)論 0 25
  • 請(qǐng)參看我github中的wiki荞怒,不定期更新洒琢。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評(píng)論 2 19
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,553評(píng)論 32 459