CSS基礎知識

2022-02-10 21:20:47 字數 1134 閱讀 1920

1.行內級元素可以設定寬高嗎?

置換元素可以,非置換元素不可以。

不會為自身內容形成新的塊,而讓內容分布在多行中的元素叫做行內級元素。此類元素可以與其它行內級元素在同一行中顯示而不會另起一行,例如span,strong。在面試時,當被問到行內級元素可否設定寬高時,根據我們的經驗往往會回答不能。但是這樣往往著了面試官的道,因為有一些特殊的行內元素,比如img,input,select等等,是可以被設定寬高的。乙個內容不受css視覺格式化模型控制,css渲染模型並不考慮對此內容的渲染,且元素本身一般擁有固有尺寸(寬度,高度,寬高比)的元素,被稱之為置換元素。比如img是乙個置換元素,當不對它設定寬高時,它會按照本身的寬高進行顯示。所以這個問題的正確答案應該是置換元素可以,非置換元素不可以

參考部落格:css十問——好奇心+刨根問底=csser

2.清除浮動的方法

子元素浮動後,父容器高度塌陷:高度塌陷,父容器包不住子元素

幾種常用的清除浮動方法

常見web前端開發筆試題

(1)使用額外標籤

使用額外標籤,這也是w3c推薦的方法。這種方法就是在內容的末尾增加乙個空的標籤,典型的做法就是使用類似

或者使用

這種辦法通過增加乙個html元素迫使外部容器撐開。不過這個辦法會增加額外的標籤使html結構看起來不夠簡潔。

當設定了zoom的值之後,所設定的元素就會就會擴大或者縮小,高度寬度就會重新計算了,這裡一旦改變zoom值時其實也會發生重新渲染,運用這個原理,也就解決了ie下子元素浮動時候父元素不隨著自動擴大的問題。

注意:firefox不支援zoom,看不出設定zoom的值之後有放大或者縮小的結果。

參考部落格:zoom:1的原理和作用

css中兩種放大zoom和scale的區別

4.css :after 選擇器

:after 選擇器在被選元素的內容後面插入內容。

請使用 content 屬性來指定要插入的內容。

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...