css的再深入9（更新中···）
阿新 • • 發佈：2018-11-11
一 單位
1.px 就是一個基本的單位 畫素
2.em 也是一個單位 用父級元素的字型大小乘以em前面的數字。如果父級沒有就繼承上一個父級直到body，如果body沒有那就預設是16px。
3.rem 也是一個單位，只跟根節點<html>的字型大小有關，如果沒有預設是16px。
4.line-height 行高 line-height:2; 行高值 是當前數字2乘以元素字型大小。
二 瀏覽器
瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的核心決定的。
每個瀏覽器都有自己的字首，主要解決css3中的相容問題。
Chrome(谷歌) 的字首 -webkit-
Firefox(火狐) 的字首 -moz-
Ie 的字首 -ms-
Opera(歐朋) 的字首 -o-
國內的瀏覽器的核心是谷歌。
三 佈局
- 流式佈局 float+margin
- 定位
- 雙飛翼
- 聖盃
- 彈性盒子佈局 移動端佈局
全稱叫彈性和模型：是由父級的彈性容器和子級的彈性子元素兩者構造。
display:flex;這個屬性決定誰是彈性容器，他裡面的子元素就是彈性子元素。
flex 是彈性子元素在彈性容器中所佔的份數。屬性值是數字
6.表格佈局
- 7.box-sizing：border-box；這個屬性 讓元素的實際寬度就等於設定width，即便有了padding和border只會向內擠壓，元素的可利用空間變小。