盒模型
盒模型由 margin + border + padding + content 四個屬性組成
w3c的標準盒模型
width = content，不包含 border + padding
ie盒模型
width = border + padding + content
相互轉換
二者之間可以通過css3的 box-sizing 屬性來轉換。
box-sizing: content-box 是w3c盒模型
box-sizing: border-box 是ie盒模型
垂直居中的方法
方法一：flex
.outer
.outer
.inner
.outer
.inner
.outer
.inner
三欄布局是很常見的一種頁面布局方式。左右固定，中間自適應。實現方式有很多種方法。
第一種：flex
left
main
right
.container
.left
.main
.right
left
right
main
body,html
.left,.right
.left
.right
.main
left
right
main
body,html
.left
.main
.right
方法1：利用css3的vw單位
vw 會把視口的寬度平均分為100份
.square
.square
前端面試題彙總 CSS篇
1 css 中類 classes 和 id 的區別 對於css而言，id和class都是選擇器，唯一不同的地方在於權重不同。對於html而言，id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的，而class屬性值可以重複。id還乙個老特性是錨點功能，當瀏覽器位址列有乙個 頁面...
前端面試題總結 css篇
經過實習秋招的面試，總結了一些前端面試題，此處為css篇章，答案是簡略答案，詳細可自行搜尋 1.盒模型 margin，border，padding，content 在標準盒模型中，width設的是content的寬度 在ie怪異盒模型中，width設的是content padding的寬度 2.定位...
前端面試題 css
1.實現不使用border畫出1px高的線，在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果 2.介紹一下標準的css盒子模型，低版本的ie盒子模型有什麼不同 3.box sizing屬性 用來控制元素的盒子模型的解析模式。預設為content box 4.css選擇器有哪些？哪些屬性可以繼承？...