博客列表 >0323作业

0323作业

 
 原创
2021年03月24日 23:09:05429浏览

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引用即可 且可修改样式

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议