CSS在使用中的高级技巧分享-创新互联

本篇内容主要讲解“CSS在使用中的高级技巧分享”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS在使用中的高级技巧分享”吧!

成都创新互联公司长期为1000多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为南票企业提供专业的网站设计制作、成都网站建设，南票网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。

三、一个兼容性调整(IE和Mozilla)的笨办法：

初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A} 或许有时候并没有效果。你可以在52CSS.com搜索更多的BUG解决方法。

四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding

五、li标签前面的图标推荐使用background-image，而不是list-style-image。

六、IE分不清继承关系和父子关系的差别，全部都是继承关系。

七、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。

八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。

九、定义链接的四种状态要注意先后顺序: Link Visited Hover Active

十、与内容无关的图片请使用background。时刻记住表现与内容分离。

十一、定义颜色可以缩写#8899FF=#89F

十二、table在某些方面还是有用武之地的，在遇到内容为数据表格时，不要对它产生憎恨的心理。

十三、