CSS——样式编写时需注意的要点

当div内嵌套img标签时

浏览器在渲染页面的时候会给img加上4px的间距，例如img的width为40，外层div的width将是44px，解决方法：

div img{
      display:block;    //即把img变成块标签
}

诸如body h1 li之类的默认自带了边距

建议在写前端页面的时候先给全部的标签去掉默认的边距，解决方法：

*{
    margin:0px;
}

当要显示与隐藏行标签时

注意不能使用display:block显示行标签，应该使用display:inline，所以这里顺带讲一下行标签与块标签之间的转化：

//行标签转化成块标签
display:block;
//块标签转化成行标签:
display:inline;

表单文本框focus时边框颜色变化

表单focus文本框颜色变化并不是改变的时border的颜色，而是更改的outline属性的颜色!

当相邻的两个盒子设置相对方向的边距时

即div1设置向右的边距，div2设置向左的边距，这个时候页面渲染出来的效果，中间的边距并不是两个边距相加，而是取两者中的最大边距作为中间的边距，所以尽量不使用相对间距设置边距，直接对一个div是设置边距就好。

如果你和我同样是一个young coder!
欢迎关注本人公众号Code center——春繁秋实，年年常茂。