- 博客(4)
- 收藏
- 关注
RSS订阅原创 html中px,em,rem之间的区别
html中px,em,rem之间的区别 px:绝对单位：//相对于显示器屏幕分辨率显示 em：相对于当前对象文体大小，如果没有设置则相对于浏览器默认字体尺寸 例：body{ font-size:62.5%; } .box{ font-size:1.2em; } //相对于body，最终为12px； //任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=...
2019-10-17 20:07:30
170
原创 html根据屏幕窗口居中的做法
html根据屏幕窗口居中的做法 - 通过对body设置flex布局，再配合主轴对齐 body{ display:flex; justify-content:center; align-items:center; } - 使用css3中translate和fixed布局配合 .box{ position:fixed; //fixed根据整个窗口定位，不随着滑动而改变 left:50%; t...
2019-10-10 13:51:21
259
原创 html垂直居中的几种做法
html垂直居中的几种做法 1，定位 （1）父相子绝，再将子盒子top/left各50%，再通过margin-left/top来移动其本身宽高的一半 父{position: relative;} 子{position:absolate; height:200px; width:200px; top:50%; left:50%; margin-left:100px; margin-right:100...
2019-10-10 13:43:58
191
原创 html里遇到的几个常见问题
html的几个常见问题 一，给元素设置padding后应相应的改高度 {注：因为padding不包含在元素的盒子模型内，所以增加padding后会加大元素；} 例：a{height:40px; //因为此处整体原来设为40px，现在上下个设了10px就要相应的减少20px的高度 padding:10px; } 二，父盒子高度塌陷//子盒子设了float对父盒子不起支撑作用 （1）设...
2019-10-10 11:16:06
764
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人