0323作业
16lz
2021-03-25
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引用即可 且可修改样式
更多相关文章
- 盒模型和定位
- 0323作业-CSS盒模型、CSS相对定位和绝对定位及块元素垂直居中
- box-sizing功能及相对定位与绝对定位实例演示
- 演示box-sizing功能并实例/演示相对定位与绝对定位的区别与联系
- 学习CSS(二)
- box-sizing和定位原理
- css之盒模型与定位
- 定位属性position 的介绍
- box-sizing和定位