單位、瀏覽器、佈局、

時間 2019-11-21

標籤單位瀏覽器佈局欄目瀏覽器简体版

原文原文鏈接

1、單位css

　　一、px：就是一個基本的單位，像素html

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

　　三、rem：也是一個單位，只跟根節點<html>的字體大小有關，若是沒有默認的是16px。瀏覽器

　　四、line-height：行高，行高值的是當前數字2乘以元素字體大小。佈局

2、瀏覽器字體

　　瀏覽器與瀏覽器之間是有差距的，這個差距是由瀏覽器自身的內核決定的，flex

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

　　*注：Chrome（谷歌）的前綴：—webkit—htm

　　　　Firefox（火狐）的前綴：—moz—繼承

　　　　Ie的前綴：—ms—

　　　　opera（歐朋）：—o—

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

3、佈局

　　一、流失佈局

　　二、定位　

　　三、雙飛翼：兩邊auto，中間固定

　　四、聖盃：兩邊固定，中間auto

　　五、彈性盒子佈局：移動端佈局

　　　　全稱：彈性盒子佈局：是由父級的彈性容器和子級就是子元素二者構造

　　　　Display：flex；這個屬性決定誰是彈性容器，他裏面子元素就是彈性子元素

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

　　六、表格佈局

　　七、box-sizing：border-box；這個屬性讓元素的實際寬度就等於設置的width

　　　　即便有了padding和border只會向內擠壓，元素的課利用空間變小

相關標籤/搜索

每日一句

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