学习网页制作有好几年了,今天才发现浏览器自带的功能真不少,今天有学生问我一个问题,说他为什么设置图片宽度100%还是占不了整个页面。这个问题的答案我是知道的,就是body默认的外边距不是0,解决方法就是使用css,把body元素的边距填充设置为0.
body{
margin:0;
padding:0;
}
问题到这儿也就结束了,只是这么多年我也没深究过body元素默认的外边距到底是多少,今天忽然很想知道,于是试着使用了浏览器的检查功能,发现果然有答案:
选中body元素,可以很清楚地看到右侧body自带的css样式,margin的外边距是8像素。
另外,浏览器自带拾色器功能。
还有,在学习text-shadow、box-shadow等属性的时候,因为水平距离、垂直距离、模糊半径等属性不太好理解,此时借助浏览器的调试工具,可以动态更改这些属性值,可以非常方便地发现其变化,有助于理解这些属性的含义。
浏览器自带的功能:显示元素自有属性,拾色器,调试等
最新推荐文章于 2024-07-28 16:34:13 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)