- 博客(3)
- 收藏
- 关注
转载 line-height1.5和line-height:150%的区别
一、区别 区别体现在子元素继承时,如下: 父元素设置line-height:1.5会直接继承给子元素,子元素根据自己的font-size再去计算子元素自己的line-height。 父元素设置line-height:150%是计算好了line-height值,然后把这个计算值给子元素继承,子元素继承拿到的就是最终的值了。此时子元素设置font-size就对其line-height无影响了。 二、举例 比如父元素设置属性:font- size:14px;line-height:1.5,child设置font-
2020-10-17 20:54:47 1913
原创 CSS外边距塌陷的总结
一.当两个元素为兄弟元素时: .father { width: 100px; height: 100px; background-color: aqua; margin-bottom: 10px; } .son { width: 50px; height: 50px; background-color: pink; margin-top: 30px; } 结果:只显示最大的外边距30px 二.当两个元素为父子元素时: 1.当父元素有border或padding: .father { width: 100p
2020-10-17 17:49:27 932
原创 布局视口、视觉视口和理想视口
布局视口:指网页的宽度,一般移动端浏览器都默认设置了布局视口的宽度 视觉视口:指用户正在看到的网站的区域,区域的宽度=移动设备的浏览器窗口的宽度 理想视口:布局视口的大小和屏幕宽度一样的。 ...
2020-10-17 16:12:42 967
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人