使用CSS的一些心得

在网页中，CSS是不必不可少的，下面是我使用CSS的一些心得体会，分享给大家，目前就先写这一条，其他的不记得记录在哪了，后期找到再补充啊！

 

1、使用CSS布局时，最好只做单纯的布局，不要设置布局元素的内外间距；这个主要是因为，在布局不变的情况下，其内部的元 素可能会发生改变，而这元素的改变可能会导致内外边距的变动。

此时若这些边距是由被更改元素设置的，那么很好处理，替换元素重新设置即可；

而若是由布局元素设置的，则修改布局元素的样式可能会带来其他的变动，相对起来更麻烦些。

如下例：

原版设计如下图：

新版设计如下图：

 

查看原版的样式设置：

所以如果将导航栏替换掉就成了下面这个样子：

这里导航栏与下面红线就有间隔了，这样设置css，不太便于维护和扩展。

若是当初我写css时将导航栏与红线的间隔利用导航栏元素的 padding-bottom 或 margin-bottom 来设置。就可以直接替换导航栏元素了，即使间隔有改变，也可以直接设置导航栏元素的css样式就行。而不需要修改 父级元素对应的样式。