h5学习笔记：使用外边框模式调试

初学的时候，一直看不到外框究竟发生什么事情，调试css样式的时候经常写boder去描边看看div和一些标签的框情况。这个时候发现挺麻烦的。

于是试了一下css 对标签进行全外边框，参考这个思路就可以实现了。

具体代码如下

body,button,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,li,ol,p,pre,td,textarea,th,ul,a{

border: 1px solid red;
}
div
{
border: 1px solid green;
}

footer
{
border: 1px solid darkcyan;
}

我们可以对不同边标签进行描色，如div 是绿色，其他是红色，或者其他，这个需要调整一下。

这样大概就可以每一个标签的和div 的分布情况了。

引用的时候，引用debug开启。

<link href="css/debug.css" rel="stylesheet" />

这个开启还是有点麻烦，还有无更好的方式？其实当初想到制作一个谷歌的插件，让其开启，然后根据需求定义外边框的颜色。

这个1px像素 还是会有一点小影响布局的，但是有时候可以看清楚边框的情况。这样可以很方便了。