盒模型

box-sizing

盒子模型默认设置的宽度为content区域宽度，不包含边框和内外边距
box-sizing: border-box;表示width是包含padding和border的
box-sizing: content-box;表示width=content，值包含content（默认值）

可控大小——Resize属性

None：浏览器不提供尺寸调整机制，用户不能调节元素的尺寸
Both：提供双向尺寸调整机制，允许用户调节元素宽高
Horizontal：提供水平，允许
Vertical：提供垂直，允许
Inherit：默认继承

内容溢出

Overflow-x和overflow-y默认值都是visible，
Hidden表示显示超出内容
Scroll表示内容超出显示滚动条
Auto表示需要时剪切内容并添加滚动条
No-display表示内容超出不显示元素

定义轮廓

轮廓不占用额外的width和height，也有可能不是矩形
Ontline：边框颜色 边框样式 边框宽度 边框偏移位置 | inherit
outline: thick solid #aaa

边框样式outline-style：和border样式相同，none，inherit
设置宽度：outline-width，样式不是none时才有用
Thin：细轮廓，medium，thick，特定长度值，inherit
设置颜色：outline-color
设置偏移：outline-offset轮廓距离容器的值

网页居中：auto

Auto是一个自动计算的值，一般为0，根据浏览器决定
Text-align只能文本和行内元素居中，块状元素居中需要margin：auto来表示

设计弹性页面

设置百分比取值是根据父元素的宽度来计算的，能自适应宽度