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

資訊專欄INFORMATION COLUMN

前端面試匯總(html+css)

wangjuntytl / 540人閱讀

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

HTML:

1、前端頁面有哪三層組成？分別是什么？有什么作用？

前端頁面由結(jié)構(gòu)層HTML，表示層CSS，行為層JS組成。

2、HTML5為什么只用寫？

HTML5不是基于SGML，因此不需要對(duì)DTD進(jìn)行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行）；而HTML4.0基于SGML，所以需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型。

3、Doctype作用？標(biāo)準(zhǔn)模式與兼容模式有什么區(qū)別？

!DOCTYPE聲明位于HTML文檔的第一行，處于HTML標(biāo)簽之前，告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔，DOCTYPE不存在或者格式不正確會(huì)導(dǎo)致文檔以兼容模式存在。

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

1）新特性：
        HTML5現(xiàn)在已經(jīng)不是SGML的子集，主要是關(guān)于圖像、位置、存儲(chǔ)、多任務(wù)等功能的增加；
        繪畫canvas；
        用于媒介回放的video和audio元素；
        本地離線存儲(chǔ)localstorage長期存儲(chǔ)數(shù)據(jù)，瀏覽器窗口關(guān)閉數(shù)據(jù)不丟失；
        sessionStorage的數(shù)據(jù)在瀏覽器窗口關(guān)閉后自動(dòng)刪除；
        語義化標(biāo)簽，footer、header、nav、section等；
        表單控件data、email、time、url、search等；
        新增了地理定位功能，getCurrentPosition();
2）移除的元素：
        big、center、font、s等；
3）支持HTML5新標(biāo)簽：
        IE8/IE7/IE6支持通過document.createElement方法創(chuàng)建的標(biāo)簽，可以利用這一特性讓瀏覽器支持性標(biāo)簽。
4）區(qū)分HTML和HTML5：
        HTML5會(huì)聲明DOCTYPE；
        標(biāo)簽的使用；
        h5新增的功能使用；

CSS

1.div水平垂直居中

不確定寬高：
    方法一：絕對(duì)定位+translate；
    父級(jí) position:relative; 
    子級(jí) position:absolute; 
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
    
    方法二：flex布局；
    父級(jí) display: flex;
        vertical-align: middle; //垂直
        text-align: center; //水平
    子級(jí) margin: auto;

    方法三：表格樣式
    父級(jí) display: table-cell;
        vertical-align: middle;
        text-align: center;
    子級(jí) display: inline-block;

確定寬高
    方法一：定位+margin負(fù)值居中
    父級(jí) position:relative;
    子級(jí) width:300px; 
         height:400px; 
         position:absolute; 
         top:50%; 
         left:50%; 
         margin-left: -150px; 
         maegin-top:-200px;
    
    方法二：絕對(duì)定位下top left right bottom 都設(shè)置0
    父級(jí) position:relative;
    子級(jí) position:absolute;
        left:0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;

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

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

相關(guān)文章

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

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

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

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

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

  • 前端面試每日3+1（周匯總2019.08.25）

    摘要：前端面試每日題，以面試題來驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)讓努力成為一種習(xí)慣，讓奮斗成為一種享受相信堅(jiān)持的力量項(xiàng)目地址前端面試每日推薦歡迎跟一起折騰前端，系統(tǒng)整理前端知識(shí)，目前正在折騰，打算打通算法與數(shù)據(jù)結(jié)構(gòu)的任督二脈。 《論語》，曾子曰：吾日三省吾身（我每天多次反省自己）。 前端面試每日3+1題，以面試題來驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)！ 讓努力成為一種習(xí)慣，讓奮斗成為一種享受！相信 堅(jiān)持 的力量...

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

  • 前端面試每日3+1（周匯總2019.08.25）

    摘要：前端面試每日題，以面試題來驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)讓努力成為一種習(xí)慣，讓奮斗成為一種享受相信堅(jiān)持的力量項(xiàng)目地址前端面試每日推薦歡迎跟一起折騰前端，系統(tǒng)整理前端知識(shí)，目前正在折騰，打算打通算法與數(shù)據(jù)結(jié)構(gòu)的任督二脈。 《論語》，曾子曰：吾日三省吾身（我每天多次反省自己）。 前端面試每日3+1題，以面試題來驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)！ 讓努力成為一種習(xí)慣，讓奮斗成為一種享受！相信 堅(jiān)持 的力量...

    付倫 評(píng)論0 收藏0

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

0條評(píng)論

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