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: