經過實習秋招的面試，總結了一些前端面試題，此處為css篇章，答案是簡略答案，詳細可自行搜尋
1. 盒模型
margin，border，padding，content
在標準盒模型中，width設的是content的寬度
在ie怪異盒模型中，width設的是content+padding的寬度
2. 定位absolute：絕對定位，是脫離文件流的。如火其父元素為relative或absolute，那麼就相對于父元素。如果不是，則一直往上找找到根元素。
relative: 相對定位，相對於其在文件流中本來的位置。偏移後原來的位置仍被占用。
fixed：滾動的時候不隨滾動條滾動，相對於可視視窗，並非body或父元素
3. 垂直水平居中
.parent
.box-container
.box-container .box
.box
4. 清除浮動
清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題。簡單來說就是，子元素是浮動的就撐不起父元素的高度，下面的就頂上來了。
.clearfix:after
6. px和em和rem的區別
rem也表示相對尺寸，其參考物件為根元素html的font-size
em 是相對長度單位。相對於當前物件內文字的字型尺寸
7. css三列布局
前端面試題 css篇
盒模型 盒模型由 margin border padding content 四個屬性組成 w3c的標準盒模型 width content，不包含 border padding ie盒模型 width border padding content 相互轉換 二者之間可以通過css3的 box siz...
前端面試題彙總 CSS篇
1 css 中類 classes 和 id 的區別 對於css而言，id和class都是選擇器，唯一不同的地方在於權重不同。對於html而言，id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的，而class屬性值可以重複。id還乙個老特性是錨點功能，當瀏覽器位址列有乙個 頁面...
前端面試題總結 HTML與CSS篇
最近又到了招聘的旺季，應該有很多人踏上了找工作的路上，我今天就給大家介紹一下，我在前端這些年所遇到的問題，從簡到難，給大家講述一下。先說html部分的一些問題。後續給大家講述js部分的問題。1.css浮動怎麼理解 首先我們要知道為什麼會用到浮動，在我們頁面布局的時候，因為塊元素有乙個獨佔一行的屬性 ...