成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

H5新增標(biāo)簽與樣式及讓元素水平垂直居中

atinosun / 1953人閱讀

摘要：元素的水平垂直居中利用標(biāo)簽，自帶的功能測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試效果效果效果

元素的水平垂直居中 1、利用table標(biāo)簽，自帶的功能 


    
    

        

            
                測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試
                測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試 測(cè)試
效果

2、 margin-left: -50px; margin-top: -50px
效果

3、 transform: translate(-50%,-50%)
效果

4、 margin: auto;
效果

5、彈性盒
效果

html5CSS3有哪些新特性、移除了那些元素？如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題？如何區(qū)分 HTML和 HTML5？

HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，地理定位等功能的增加。

繪畫(huà) canvas 元素
用于媒介回放的 video 和 audio 元素
本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；
sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除
語(yǔ)意化更好的內(nèi)容元素，比如 article、footer、header、nav、section
表單控件，calendar、date、time、email、url、search
CSS3實(shí)現(xiàn)圓角，陰影，對(duì)文字加特效，增加了更多的CSS選擇器 多背景 rgba
新的技術(shù)webworker, websockt, Geolocation
移除的元素
純表現(xiàn)的元素：basefont，big，center，font, s，strike，tt，u；
對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；

是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框架

-

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114923.html

相關(guān)文章

  • CSS

    摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。雙冒號(hào)是在當(dāng)前規(guī)范中引入的，用于區(qū)分偽類(lèi)和偽元素。 1.介紹一下標(biāo)準(zhǔn)的CSS的盒子模型？低版本IE的盒子模型有什么不同的？ 有兩種，?IE 盒子模型、W3C 盒子模型； 盒模型：?內(nèi)容(content)、填充(padding)、邊界(margin)、?邊框(border)；區(qū)? 別：?IE的cont...

    Lyux 評(píng)論0 收藏0

  • 前端面試匯總(html+css)

    摘要：前端頁(yè)面有哪三層組成分別是什么有什么作用前端頁(yè)面由結(jié)構(gòu)層，表示層，行為層組成。作用標(biāo)準(zhǔn)模式與兼容模式有什么區(qū)別聲明位于文檔的第一行，處于標(biāo)簽之前，告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔，不存在或者格式不正確會(huì)導(dǎo)致文檔以兼容模式存在。 HTML: 1、前端頁(yè)面有哪三層組成？分別是什么？有什么作用？ 前端頁(yè)面由結(jié)構(gòu)層HTML，表示層CSS，行為層JS組成。 2、HTML5為什么只用...

    wangjuntytl 評(píng)論0 收藏0

  • 前端面試匯總(html+css)

    摘要：前端頁(yè)面有哪三層組成分別是什么有什么作用前端頁(yè)面由結(jié)構(gòu)層，表示層，行為層組成。作用標(biāo)準(zhǔn)模式與兼容模式有什么區(qū)別聲明位于文檔的第一行，處于標(biāo)簽之前，告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔，不存在或者格式不正確會(huì)導(dǎo)致文檔以兼容模式存在。 HTML: 1、前端頁(yè)面有哪三層組成？分別是什么？有什么作用？ 前端頁(yè)面由結(jié)構(gòu)層HTML，表示層CSS，行為層JS組成。 2、HTML5為什么只用...

    Carbs 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<