前端面試題收集

Faremax 發布于2019-08-21 11:53 / 710人閱讀

摘要：行級元素和塊級元素各自代表行級元素代表塊級元素代表異同行級元素中屬性無效和上下無效盒子模型盒子模型有兩種和盒子模型盒子模型盒子模型個人覺得盒子比較合理，和日常生活中的盒子類似中似乎發現了這個問題，進行補充上文提到的盒子上文提到的盒

CSS 行級元素和塊級元素

各自代表

行級元素代表：span、a、img、input、iframe

塊級元素代表：div、p、h1、ul、li

異同

行級元素中 width/height 屬性無效；padding 和 margin 上下無效

盒子模型

盒子模型有兩種：W3C 和 IE 盒子模型

W3C 盒子模型：width = content

IE 盒子模型：width = content + padding + border

個人覺得 IE 盒子比較合理，和日常生活中的盒子類似

CSS3中似乎發現了這個問題，進行補充：box-sizing: content-box / border-box

content-box：上文提到的 W3C 盒子

border-box：上文提到的 IE 盒子

元素定位

四種屬性：static/absolute/fixed/relative

參考對象

absolute：相對于上一個非 static 的祖先節點

fixed：相對于 window 窗口

relative：相對于默認布局的位置

static：沒有（top、left、right、bottom、z-index 無效）

absolute 會脫離文檔流，會占據祖先的 padding 空間

CSS 優先級

!important > style > id > class > 標簽

居中

水平居中

行級：父級設置 text-align: center;

塊級：自身設置 margin: 0 auto;

特殊的塊級：自身有absolute，追加設置 left&right: 0

垂直居中

行級：自身設置 line-height和 height一樣

塊級：如果父級高度不固定，把父級 padding-top/bottom 設置成一樣

     如果父級高度固定，把父級設置line-height和 height一樣，
     并且自身設置 vertical-align: middle; display: inline-block

display的作用

默認

block：div、p、ul、ol、form

inline：span、a、img、input

list-item：li

彈性盒子需要在父級上設置 display: flex

清浮動

添加div到浮動兄弟節點的位置上

div.clear {height: 0;font-size: 0;clear: both: overflow:hidden}

使用

使用偽類，父元素追加class,.clear

   .clear {zoom: 1}
   .clear:after {display: block;clear: both;content: "";visibility: hidden;height: 0}

GPU云服務器云服務器面試題棧面試題筆試面試題面試題內容

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

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

你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...

ninefive 2019-08-21 16:18 評論0 收藏0
你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...

darkbaby123 2019-07-30 14:38 評論0 收藏0
前端面試 - 收藏集 - 掘金

摘要：一基礎接口的意義百度規范擴展回調抽象類的意義我的前端面試經歷百度前端掘金博主就讀于電子科技大學，大三狗一枚面試是個漫長的過程，從海投到收獲電話面試，一面二面三面，一個步驟出錯那么后面就宣告終結。一道常被人輕視的前端 JS 面試題 - 前端 - 掘金目錄前言第一問第二問變量聲明提升函數表達式第三問第四問第五問第六問構造函數的返回值第七問最后前言年前剛剛離職了，分享下我曾經出過的一道...

lpjustdoit 2019-08-22 11:03 評論0 收藏0
求職準備 - 收藏集 - 掘金

摘要：一基礎接口的意義百度規范擴展回調抽象類的意義想不想通過一線互聯網公司面試文檔整理為電子書掘金簡介谷歌求職記我花了八個月準備谷歌面試掘金原文鏈接翻譯者【面試寶典】從對象深入分析 Java 中實例變量和類變量的區別 - 掘金原創文章，轉載請務必保留原出處為：http://www.54tianzhisheng.cn/... , 歡迎訪問我的站點，閱讀更多有深度的文章。實例變量和類變量...

cuieney 2019-08-16 10:36 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

h9911 2019-08-02 16:11 評論0 收藏0