CSS水平格式化和垂直格式化

水平格式化

关于块级元素auto：可以设置为auto的属性有width和margin。如果其中一个设置了固定值，另外一个值设置为auto,那么会填满父元素，如果没有为外边距和宽设置值，那么外边距就是0，宽为块级元素填满父元素

对于块级元素可以设置最小宽度

替换元素中的水平格式如果width设置为auto那么将是元素的固有宽度  比如一张图片的宽是20 那么设置为auto的话将是20

垂直格式化

一个元素的默认高度由其内容决定 ，如果不给高度设置特定值 那么高度会更具情况变化，块级元素可以设置固定宽高

在正常流中上下边距设置为auto的话，值将为0

默认情况下background-color/background-image 延伸到了边界(border)的边沿,该行为可以使用background-clip 属性来改变。

轮廓(Outline):盒子的 outline 看起来像边界，但是它不是盒模型的一部分。它表现得像边界，但是是画在盒子之上，不会修改盒子的大小（具体来说，ouline 是画在边界框之外，外边距区域之内;

框的类型

框类型应用通过指定display属性

块框（ block box）:其内容会独占一行

行内框（ inline box）:与块框是相反的 对行内盒设置宽高、margin-top、margin-bottom、float无效

行内块状框（inline-block box）:像是上述两种的集合：它不会重新另起一行但会像行内框（ inline box）一样随着周围文字而流动，而且他能够设置宽高，并且像块框一样保持了其块特性的完整性，它不会在段落行中断开

补充额外知识：CSS 的属性和属性值都是区分大小写的 如果使用了未知属性，或者给属性赋予了无效值，该声明会被视为无效，