css总结

1.盒模型
margin->border->padding->context;
其中width和height默认设置的是context的大小，box-sizing:border-box;就是专门设置width和height指什么距离。

    
容器1
设置了position:absolute之后该容器就脱离父容器管理了。页面成了它的父容器

    

        
color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦color在这里生效哦
    

    
容器3

2.display

HTML 的元素可以分为两种：

 块级元素（block level element）
 内联元素（inline element 有的人也叫它行内元素）

两者的区别在于以下三点：
 块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性），而内联元素则都会在一行内显示。
块级元素可以设置 width、height 属性，而内联元素设置无效。
块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。

最常见块级元素应该是

内联元素有

display为inline-block的情况下
因为字符间有距离，所有inline-block之间是有距离的。
暂时的解决方案就是先设置父元素font-size:0，然后没有元素再把font-size设置回来。

    

        
我是inline设置宽高无效

我是inline-block,可以和inline在一行,设置宽高有效哦

我是inline-block,可以和inline在一行,设置宽高有效哦

我是inline-block,可以和inline在一行,设置宽高有效哦

我是block,设置宽高有效哦

3.距离表示

表示	含义
%	百分比
in	英寸
cm	厘米
mm	毫米
em	1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex	一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt	磅 (1 pt 等于 1/72 英寸)
pc	12 点活字 (1 pc 等于 12 点)
px	像素 (计算机屏幕上的一个点)

4.position