单位、浏览器、布局、

时间 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只会向内挤压，元素的课利用空间变小