1009

時間 2019-11-19

原文原文鏈接

一單位css

1.px 就是一個基本的單位像素html

2.em 也是一個單位用父級元素的字體大小乘以em前面的數字。若是父級沒有就繼承上一個父級直到body，若是body沒有那就默認是16px。css3

3.rem 也是一個單位，只跟根節點<html>的字體大小有關，若是沒有默認是16px。web

4.line-height 行高 line-height:2; 行高值是當前數字2乘以元素字體大小。瀏覽器

二瀏覽器佈局

瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的內核決定的。字體

每一個瀏覽器都有本身的前綴，主要解決css3中的兼容問題。flex

Chrome(谷歌) 的前綴 -webkit-spa

Firefox(火狐) 的前綴 -moz-htm

Ie 的前綴 -ms-

Opera(歐朋) 的前綴 -o-

國內的瀏覽器的內核是谷歌。

三佈局

1.流式佈局 float+margin

定位Opera(歐朋) 的前綴 -o-

2.雙飛翼

3.聖盃

4.彈性盒子佈局移動端佈局

全稱叫彈性和模型：是由父級的彈性容器和子級的彈性子元素二者構造。

Display:flex;這個屬性決定誰是彈性容器，他裏面的子元素就是彈性子元素。

Flex 是彈性子元素在彈性容器中所佔的份數。屬性值是數字

5.表格佈局

.aa{

width:800px;

height:60px;

border:1px solid red;

margin:0 auto;

display:table;

}

.aa>ddiv{

display: table-cell;

text-align:center;

}

6.box-sizing：border-box；這個屬性讓元素的實際寬度就等於設置width，即使有了padding和border只會向內擠壓，元素的可利用空間變小。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。