CSS面試知識點

2021-06-17 22:29:47 字數 2383 閱讀 2947

偶然發現,公司裡多了很多新面孔。在電梯裡,總能遇到面容似曾相識卻叫不出名字的同事,才後知後覺,貌似又進入了求職高峰期。曾經一起奮戰的同事,如今又在另外一片天空追尋自己的夢想,祝福他們,希望所有的程式設計師都能幸福。

回想起去年這個時候,也是在求職的路上磕磕絆絆。去年很不順,迷信的說法也許是本命年犯太歲。不過幸好,進入了如今的公司,雖然對於現在的公司有很多吐槽點,但是我依然熱愛我的崗位和同事們。

因為個人的習慣,做事喜歡井井有條,面試的問題會羅列一下(ps:記住的那些,有些因為緊張會忘記),平時遇到的知識點也會記下。話不多說,現在對css的面試題總結幾條,希望能幫助到初入前端這個行業的親們。

1、 dtd文件型別定義。

dtd全稱document type definition,是一種保證html文件格式正確的有效防範,可以通過比較html文件和dtd檔案來看文件是否符合規範,以及元素和標籤使用是否正確。

一共有4種常見的dtd型別。

⑴ 用於html 4.01的嚴格型

⑵用於html 4.01的過渡型

⑶用於xhtml 1.0的嚴格型

⑷用於xhtml 1.0的過渡型

如果漏寫dtd宣告會引發什麼狀況?

firefox仍然會按照標準模式來解析網頁,但在ie中(包括ie6、7、8)就會觸發怪異模式。

前幾天就遇到乙個因為缺少dtd而引發的bug,後台開發的頁面中,背景始終與它相鄰的對不齊,偶然發現,只有全是數字時才可以正常顯示。對比了靜態頁與開發頁面的樣式,毫無區別,突然想到是否是dtd產生的這個靈異事件。果然,後台開發的頁面中缺少了dtd宣告。

2、語義化標籤

其實這個東西是給搜尋引擎看的,搜尋引擎看不到視覺效果,看到的只是**,只能通過標籤來判斷內容的語義。通俗易懂的說,就是**去掉css,你還能分辨出**是標題,**是內容,**是段落等等。

常見的語義化標籤有:div、span、ul、ol、li、dl、dt、dd、del、h1-h6、p、a、strong、em、b、i 等等

3、行內元素有哪些?

常見的行內元素有span、strong、em、a等

常見的塊級元素有div、p、form、ul、ol、li等

他們的區別是:塊級元素會獨佔一行,預設情況下,其寬度自動填滿其父元素寬度,行內元素不會獨佔一行,相鄰的行內元素會排列在同一行裡,知道一行排不下,才會換行,其寬度隨元素的內容而變化。

4、haslayout

haslayout是ie瀏覽器專有的乙個屬性,用於css的解析引擎。有時候在ie下一些複雜的css設定接卸起來會出現bug,其原因可能與haslayout沒有被自動觸發有關係。

haslayout的觸發方法:zoom:1

5、tittle和alt

title用來給鏈結文字或普通文字提示的。

alt用來給來提示的。

6、盒模型

標準盒子模型

ie盒子模型

意思就是將背景圖合併到一張大圖上,然後利用background-position屬性來展示我們需要的部分。

將多張合併成一張大圖,會大大減少網頁的http請求數,減小伺服器壓力。

不過,也不是所有**都需要css sprite技術的,這個技術的可維護性很低。

8、css hack

一般情況下,我寫頁面都是以ff為準,再針對不同瀏覽器產生的bug進行除錯。

ie6:_

ie7:*

ie8:\0

ie9:":root .test"

google和safria:@media screen and (-webkit-min-device-pixel-ratio:0) }

9、相對定位和絕對定位。

相對定位:

position

: relative

;其中的位置控制屬性有margin-left、margin-right、margin-top、margin-bottom、left、right、top、bottom。

絕對定位:position

: absolute

;其中的位置控制屬性有left、right、top、bottom。

絕對定位的這些屬性很容易了解,初學的時候,相對定位的margin和top這些很容易讓人產生混淆,現對他們解釋一下。

⑴ 相對定位的margin類

元素相對於最近元素的偏移,文件流中的位置也偏移,會影響到後面的元素。也就是說,它的位置變化時,後面元素的位置也會相對應變化。

⑵ 相對定位的top類

元素在文件流中的位置不變,只是相對於自己在文件流中位置的便宜,不會影響後來的元素。

前端面試知識點 CSS

css 1,垂直居中的方法這是我看過的比較好的方法 盒子 box 內容.flex1 3,display inline block中間出現空白的問題 底部在上面的正三角形 box 5 margin和padding的關係,百分比相對於誰 在margin是外邊距,padding是內邊距,有五個不同值,ma...

知識點 面試

參 dom document object model,即文件物件模型 是 w3c 組織推薦的處理 xml 的一種方式。dom解析器在解析xml文件時,會把文件中的所有元素,按照其出現的層次關係,解析成各個node物件 節點 優點 把xml檔案在記憶體中構造樹形結構,可以遍歷和修改節點 缺點 如果檔...

iOS面試知識點

現在進入本篇的正題。本篇的面試題是我認為比較好的ios開發基礎知識點,希望大家看過這後在理解的基礎上掌握而不是死記硬背。死記硬背很快也會忘記的。1.1 父類實現深拷貝時,子類如何實現深度拷貝。父類沒有實現深拷貝時,子類如何實現深度拷貝。1.2 kvo,nsnotification,delegate及...