1.請列出幾個具有繼承特性的css屬性
font-family font-size color line-height text-align text-indent
2.闡述display:none和visibility:hidden的區別
display:none隱藏元素,元素在文檔布局中不占空間,不能設置元素的高度。
visibility:hidden隱藏元素,元素在文檔布局中仍保留空間,能設置元素的高度。
3.請列出display屬性常用值,並說明其作用
display:block; 使元素顯示;使元素轉換為塊級元素
display:none;使元素隱藏
display:inline-block;使元素同時具有塊級元素和行內元素的特性
display:inline;使元素轉換為行內元素
4.在頁面重構時,為什么要先重置css樣式?
因為瀏覽器的兼容不同,不同瀏覽器對有些標簽的默認值是不一樣的,如果不先重置css樣式,同一頁面在不同瀏覽器間會出現顯示差異。
5.請列舉幾個css3新屬性
圓角屬性:border-radius;邊框陰影:box-shadow;文字陰影:text-shadow;線性漸變:gradient;旋轉:transform;過渡:transition;盒模型:box-sizing
6.請簡述sprites原理,並說明使用到了哪些css屬性
sprites原理:
將項目的一些背景圖整合成一張圖片,減少http請求。(http請求雖然可以並發,但是有限制,一般瀏覽器是6個)
使用到的css屬性:
background-image/background-repeat/background-position
7.float浮動后,為何要清除浮動?
浮動的框可以左右移動,直到它的外邊緣遇到包含框或者另一個浮動框的邊緣。浮動框不屬於文檔中的普通流,當一個元素浮動之后,不會影響到塊級框的布局,只會影響內聯框(通常是文本)的排列,文檔中的普通流就會表現得和浮動框不存在一樣,當浮動框高度超出包含框的時候,就會出現包含框不會自動變高來適應浮動框高度(“高度塌陷”現象)。
8.簡述box-sizing的值及其作用
box-sizing: content-box|border-box|inherit
content-box:寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框。
border-box:為元素設定的寬度和高度決定了元素的邊框盒。就是說,為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。
inherid:規定從父元素繼承border-sizing屬性