前端面試必考題 CSS盒模型詳解

2021-09-27 04:18:09 字數 732 閱讀 2959

盒模型是css的基礎中的基礎。

因為它的重要性,所以很多面試中都會被提到。它也成為了考察求職者基本素質的一道題。屬於絕對的經典問題。這樣描述,相信大家能意識到盒模型的重要性了吧。

我們先來看一種圖:

當瀏覽器對乙個html文件進行布局的時候,會把每乙個元素都渲染成乙個矩形的盒子,盒模型就是對這些元素的形狀進行乙個抽象。

盒模型的組成部分是由四個部分組成:content(內容區域) padding(內邊距) border(邊框區域) margin(外邊距區域)

如下圖:

說到盒模型,就不得不說說ie盒模型和w3c標準盒模型(w3c盒模型又稱標準盒模型)這兩種盒模型。

它們主要的區別在與 width 屬性所包含的大小

我們定義乙個div 並將其寬高設定成200畫素,內邊距為10畫素,邊框為20畫素, 外邊距為30畫素。**如下:

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

前端秋招必考題面試題

1.從輸入url到頁面呈現所經歷的過程,2.cookie,3.webstorage,4.閉包,5.原型鏈,6.作用域,7.前端發請求的方式,8.promise,9.mvvm,10.響應式布局的 viewport,mediascreen 11.rem,em,px的區別,12.陣列方法的原理實現,13....

面試 「十大必考題」揭幕

1 為什麼想進本公司?這通常是面試官最先問到的問題。此時面試官就開始評斷錄用與否了,建議大家先判斷自己去應徵的工作性質,是專業能力導向呢,或是需要溝通能力,其實現在市場多以服務為方向,所以口才被視為基本能力之一,所以在此時就要好好表現自己的口才,而口才較差者就務必表現出自己的專業能力即誠意,彌補口才...

面試 「十大必考題」揭幕

面試時,有幾個問題是公司面試人員常常會提出的,針對這些問題好好準備,在面試時也就不會啞口無言,無言以對了,下面就面試十大必考題做出分析 1 為什麼想進本公司?這通常是面試官最先問到的問題。此時面試官就開始評斷錄用與否了,建議大家先判斷自己去應徵的工作性質,是專業能力導向呢,或是需要溝通能力,其實現在...