0323作业

box

boxsizing涵盖两种模式

content-box

计算公式 宽+高=内容 不含边框 边距 如计算宽度width:50px border:10px padding:20px 那么浏览器渲染时该块元素宽度实际为50+10+10+20+20=90px

border-box

计算公式 如宽度 宽度+内边距+边框 如设置为200那么加上这一套总的为200 其中内容大小不是200 上面的content是内容200 边框另算

position

relative

相对定位 相对父级定位元素为起始点定位

absolute

绝对定位 相对于浏览器起始点定位

居中技巧
margin auto只能是元素水平居中，因为不知道页面高度所以无法做到全局中
如果需要全居中可以设置父元素为定位元素 并且xyz都为0 这时候margin auto会依靠定位点全居中对齐

iconfont 引用iconfot的css 直接用类名iconfont+iconfont-xxx引用即可 且可修改样式