HTML5和CSS3新特性

前端的入門現(xiàn)在基本是由hml和css組合寫靜態(tài)頁面開始奶躯,w3school官方已經(jīng)推出Hhtml5和css3新特性了,讓前端開發(fā)者書寫起來比較容易亿驾、簡單嘹黔,不過作為一個好的前端開發(fā)者更要遵循w3c官方標(biāo)準(zhǔn)去開發(fā)。



一莫瞬、HTML5

1.添加視頻Video和音頻Radio標(biāo)簽

2.添加canvas畫布和svg渲染矢量圖片

3.添加input表單控件(datetime儡蔓、datetime-local、week疼邀、date喂江、month、time)旁振、color获询、email、number拐袜、range吉嚣、search、tel蹬铺、url尝哆。

4.添加web存儲功能, localStorage本地離線可長期存儲數(shù)據(jù)甜攀,瀏覽器關(guān)閉后數(shù)據(jù)不丟失秋泄,sessionStorage數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除。

5.添加地理位置定位功能Geolocation

6.添加語義化更好的內(nèi)容標(biāo)簽hrader规阀、footer恒序、nav、section谁撼、article奸焙、aside、detailes彤敛、summary与帆、dialog。

7.添加拖拽釋放Drag and drop

8.添加web worker是運行在后臺的 JavaScript墨榄,獨立于其他腳本玄糟,不會影響頁面的性能。您可以繼續(xù)做任何愿意做的事情:點擊袄秩、選取內(nèi)容等等阵翎,而此時 web worker 在后臺運行逢并。

9.添加WebSocket

二、css3

1.添加邊框?qū)傩裕篵order-radius圓角郭卫、border-image圓角圖片

2.添加陰影屬性:box-shadow框陰影砍聊、text-shadow文本陰影

3.添加字體屬性:@font-face字體、text-wrap自動換行贰军、text-overflow檢索當(dāng)當(dāng)前行超過指定容器的邊界

4.添加選擇器:E:last-child 匹配父元素的最后一個子元素玻蝌、E:nth-child(n)匹配父元素的第n個子元素、E:nth-last-child(n) CSS3 匹配父元素的倒數(shù)第n個子元素E词疼。

5.添加背景屬性:background-size圖片設(shè)置大小俯树、background-origin設(shè)置定位區(qū)域、background-clip背景顏色的繪制區(qū)域贰盗、background-break控制背景怎樣在這些不同的盒子中顯示许饿。

6.添加轉(zhuǎn)換屬性(translate、rotate舵盈、scale陋率、skew、matrix秽晚、transform)翘贮、3D轉(zhuǎn)換(rotateX、rotateY)

7:添加動畫屬性:Transition爆惧、Transform狸页、Animation

8.添加媒體查詢:@media

9.添加多列布局


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市扯再,隨后出現(xiàn)的幾起案子芍耘,更是在濱河造成了極大的恐慌,老刑警劉巖熄阻,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斋竞,死亡現(xiàn)場離奇詭異,居然都是意外死亡秃殉,警方通過查閱死者的電腦和手機坝初,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钾军,“玉大人鳄袍,你說我怎么就攤上這事±艄В” “怎么了拗小?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長樱哼。 經(jīng)常有香客問我哀九,道長剿配,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任阅束,我火速辦了婚禮呼胚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘息裸。我一直安慰自己蝇更,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布界牡。 她就那樣靜靜地躺著簿寂,像睡著了一般漾抬。 火紅的嫁衣襯著肌膚如雪宿亡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天纳令,我揣著相機與錄音挽荠,去河邊找鬼。 笑死平绩,一個胖子當(dāng)著我的面吹牛圈匆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播捏雌,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼跃赚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了性湿?” 一聲冷哼從身側(cè)響起纬傲,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎肤频,沒想到半個月后叹括,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡宵荒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年汁雷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片报咳。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡侠讯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出暑刃,到底是詐尸還是另有隱情继低,我是刑警寧澤,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布稍走,位于F島的核電站袁翁,受9級特大地震影響柴底,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜粱胜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一柄驻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧焙压,春花似錦鸿脓、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至幻件,卻和暖如春拨黔,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绰沥。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工篱蝇, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人徽曲。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓零截,卻偏偏與公主長得像,于是被迫代替她去往敵國和親秃臣。 傳聞我的和親對象是個殘疾皇子涧衙,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,884評論 2 354

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

  • HTML5 1.HTML5新元素 HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu): 標(biāo)簽描述 定義頁面獨立的內(nèi)容區(qū)域...
    L怪丫頭閱讀 2,809評論 0 4
  • 1:HTML5是什么?有哪些新特性奥此?有哪些新增標(biāo)簽弧哎?如何讓低版本的 IE 支持 HTML5新標(biāo)簽 HTML5是超文...
    曾祥輝閱讀 876評論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)得院。 注意:講述HT...
    kismetajun閱讀 27,486評論 1 45
  • 西北行傻铣,雖防護霜、面單祥绞、帽子非洲、防曬傘全副武裝,但依然陽光過敏蜕径。以為回到溫潤的四川自然就好了两踏,哪知用面膜后更嚴(yán)重,紅...
    第五根閱讀 452評論 0 1
  • 小灰灰你到我家已第三天了 你象個小BB 每看見我就噌噌跑過來 那雙水汪汪的下眼晴撲閃撲閃的 要我擁抱要我安撫 因為...
    陳糊涂閱讀 597評論 0 0