前端面試匯總(html+css)

Carbs 發布于2019-08-30 11:18 / 3351人閱讀

摘要：前端頁面有哪三層組成分別是什么有什么作用前端頁面由結構層，表示層，行為層組成。作用標準模式與兼容模式有什么區別聲明位于文檔的第一行，處于標簽之前，告知瀏覽器的解析器用什么文檔標準解析這個文檔，不存在或者格式不正確會導致文檔以兼容模式存在。

HTML:

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

前端頁面由結構層HTML，表示層CSS，行為層JS組成。

2、HTML5為什么只用寫？

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

3、Doctype作用？標準模式與兼容模式有什么區別？

!DOCTYPE聲明位于HTML文檔的第一行，處于HTML標簽之前，告知瀏覽器的解析器用什么文檔標準解析這個文檔，DOCTYPE不存在或者格式不正確會導致文檔以兼容模式存在。

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

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

CSS

1.div水平垂直居中

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

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

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

云服務器 GPU云服務器 html前端工程師面試 html5前端css3 html5前端開發css3 嵌入式c語言面試匯總

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114905.html

前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
前端面試匯總(html+css)

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

wangjuntytl 2019-08-02 15:27 評論0 收藏0
前端面試每日3+1（周匯總2019.08.25）

摘要：前端面試每日題，以面試題來驅動學習，每天進步一點讓努力成為一種習慣，讓奮斗成為一種享受相信堅持的力量項目地址前端面試每日推薦歡迎跟一起折騰前端，系統整理前端知識，目前正在折騰，打算打通算法與數據結構的任督二脈。《論語》，曾子曰：吾日三省吾身（我每天多次反省自己）。前端面試每日3+1題，以面試題來驅動學習，每天進步一點！讓努力成為一種習慣，讓奮斗成為一種享受！相信堅持的力量...

Java3y 2019-08-30 15:44 評論0 收藏0
前端面試每日3+1（周匯總2019.08.25）

摘要：前端面試每日題，以面試題來驅動學習，每天進步一點讓努力成為一種習慣，讓奮斗成為一種享受相信堅持的力量項目地址前端面試每日推薦歡迎跟一起折騰前端，系統整理前端知識，目前正在折騰，打算打通算法與數據結構的任督二脈。《論語》，曾子曰：吾日三省吾身（我每天多次反省自己）。前端面試每日3+1題，以面試題來驅動學習，每天進步一點！讓努力成為一種習慣，讓奮斗成為一種享受！相信堅持的力量...

付倫 2019-08-26 10:59 評論0 收藏0