CSS新手学习心得

在刚学CSS的时候，总会遇到这样或那样的问题，所以我尽可能把它们都总结下来，也算是给自己一个提醒，当然有人能读到我的博客能够有所收获自然是更妙。

总结如下：

1.在写网页版心的时候，一定要注意:

div{
    width:1000px
    margin: auto;
}

多使用百分比的方法来写，这样网页的适应程度高，可以自适应很多电子设备

2.在用CSS布局时要用大盒子把小盒子套进去，不写大盒子的高，反而去写小盒子的高，把大盒子撑出高来。（即用div嵌套的方法来写）

3.在写定位的时候需要特别注意：最好要把定位的元素写在盒子内，避免当拉伸页面时会缺少很多的内容

4.同一个区域内，不同的元素种类最好使用不同的标签，这样在布局时写css较为方便。

5.当写关于字体大小和字体种类和行高等的样式时，可以尝试给整个div写通用字体，之后再对某一标签进行css样式设置。

6.多多使用伪类和伪元素比如:

.clearfix{
    content:' ';
    clear:both
}

清除浮动的方法中，这种方法给没有高的父亲后就可以清除浮动。

7.关于padding和margin的用法：

padding是内边距，占据盒子的大小，所以在加padding的时候一定要减去height和width。

行内元素只占用行内空间，有行高（line-height）来确定上下距离，所以最好不要加上下padding和margin。