一、塊級元素和內聯元素的區別
CSS規範規定，每個元素都有display屬性，確定該元素的類型，每個元素都有默認的display值
- 塊級元素的特點：
• 總是在新行上開始
• 高度、行高以及內外邊距都可以控制
• 寬度默認是它容器的100%，除非設置一個值
• 它可以容納內聯元素和其他塊級元素 - 內聯元素的特點：
• 和其他元素都在同一行
• 高度、行高以及內外邊距都不可控制
• 寬度就是它的文字或圖片的高度，不可改變
• 內聯元素只能容納文本或者其他內聯元素
常見的塊級元素：div、from、h1-h6、hr、ol、ul、li、table、p、pre、
常見的內聯元素：a、b、br、em、i、img、input、label、select、span、strong、textarea
二、屬性問題
-
請列舉出至少 5 個具有繼承特性的 css 屬性
- font-size
- font-family
- color
- line-height
- text-align
- text-indent
- list-style -
請闡述display:none 和 visibility:hidden 的區別
- display:none 隱藏對應的元素，在文檔佈局中不再給它分配空間
- visibility:hidden 隱藏對應的元素，但是在文檔佈局中仍保留原來的空間。 -
請列出 display 屬性除了none 以外的其他 3 個常用值，並分別說明每個值的作用
- display: inline | block | inline-block
- inline 佈局特點轉爲行內元素
- block 佈局特點轉爲塊級元素
- inline-block 佈局上同時具有行內、塊級元素的特徵 -
在頁面重構時，爲什麼要先重置 css 樣式？
因爲瀏覽器的兼容問題，不同瀏覽器對有些標籤的默認值是不同的，如果沒對 CSS 初始化往往會出現瀏覽器之間的頁面顯示差異 -
請列舉出至少 4 個 css3 屬性
- border-raduis
- box-shadow
- text-shadow
- transform
- transition -
請列舉出至少 6 種 css 選擇器
- id 選擇器（#id）
- 類選擇器（.classname）
- 標籤選擇器（div、h1、p）
- 後代選擇器（li a）
- 屬性選擇器（a[ref=”external”]）
- 孩子選擇器（ul > li） -
position 屬性的取值？這些取值分別是相對什麼進行定位？
取值：relative、absolute、fixed
- relative：無 top、left 設置時，元素自身在文檔流中的位置
- absolute：相對於上級元素中第一個 position 屬性非 static 的元素
- fixed：相對於瀏覽器視窗 -
CSS sprite
把多個圖片組合成一個，然後計算顯示區域和圖片位置，其他的隱藏。（未來會被http2取代）