前端面試之CSS相關(guān)

i_garfileo 發(fā)布于2019-08-30 11:03 / 2572人閱讀

摘要：寫出以下分別有多少說實(shí)話，看到這道題，剛開始我是自信滿滿的，可算到后面自己就越來越不確定了，為什么會出這么簡單的題呢由此可見，自己的基本功真不扎實(shí)呀為了展示，我加了兩個背景，效果見解析首先明確塊會相對于塊定位，并且塊是塊的包

寫出以下 %分別有多少 px：

說實(shí)話，看到這道題，剛開始我是自信滿滿的，可算到后面自己就越來越不確定了，為什么會出這么簡單的題呢？由此可見，自己的基本功真不扎實(shí)呀！為了展示，我加了兩個背景，效果見CodePen

解析

首先明確box-item塊會相對于box塊定位，并且box塊是box-item塊的包含塊；

top, bottom, left, right, width, height, padding, margin這些屬性的值為%時，計(jì)算的規(guī)則如下：

top, bottom, height: 基于包含元素的高度；

left, right, width, padding-left, padding-right, margin-left, margin-right, padding-top, padding-bottom, margin-top, margin-bottom: 基于包含元素的寬度；

最容易混淆以致出錯的就是 padding-top, padding-bottom, margin-top, margin-bottom,也是本題的主要考察點(diǎn)：margin和padding四個方向的值為%時，都是基于包含元素的寬度計(jì)算的，一定要記住！

答案

GPU云服務(wù)器云服務(wù)器 java面試之io 前端面試前端工程師面試前端ddos 攻擊面試

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/114738.html

相關(guān)文章

JavaScript - 收藏集 - 掘金

摘要：插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 Vue.js 插件開發(fā) - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡單的方式。插....

izhuhaodev 2019-08-21 11:44 評論0 收藏0
前端 CSS 面試大綱

摘要：比如說預(yù)處理器，組件化，工程化，兼容性處理等方面，這些主要是基于自己的開發(fā)經(jīng)驗(yàn)業(yè)界流行技術(shù)方案進(jìn)行準(zhǔn)備。但是在開始談面試前我想先提出一個概念學(xué)霸面試模型學(xué)校的學(xué)習(xí)和公司的工作有很多相似的地方。所以對于面試，請參考上學(xué)那會兒你們班學(xué)霸的姿勢。背景參加完廈門第四屆CSS Conf 后，讓我對 CSS 產(chǎn)生了新的思考。CSS 是前端必須熟練掌握并保持持續(xù)關(guān)注的技術(shù)，但是我又不想在 CS...

mating 2019-08-30 14:19 評論0 收藏0
18年求職面經(jīng)及總結(jié)

摘要：年求職面經(jīng)及總結(jié)我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結(jié)寫下來希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫助先說背景微電子科學(xué)與工程專業(yè)學(xué)過兩門和相關(guān)的課程語言和單片機(jī)這個專業(yè)的唯一好處就是大部分人并不知道這個專 18年求職面經(jīng)及總結(jié) 我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結(jié)寫下來,希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫...

zhangwang 2019-08-22 11:07 評論0 收藏0
18年求職面經(jīng)及總結(jié)

摘要：年求職面經(jīng)及總結(jié)我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結(jié)寫下來希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫助先說背景微電子科學(xué)與工程專業(yè)學(xué)過兩門和相關(guān)的課程語言和單片機(jī)這個專業(yè)的唯一好處就是大部分人并不知道這個專 18年求職面經(jīng)及總結(jié) 我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結(jié)寫下來,希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫...

fjcgreat 2019-08-01 17:38 評論0 收藏0