css文件bass.css作用及好处

  • 2017-01-22 19:06:51
  • 4,170 次阅读
  • 稿源:天马行空

一个项目的CSS最基本结构通常是由:base.css,common.css,page.css文件组成的。base.css的作用主要是重设浏览器默认样式和提供通用原子类。base.css文件一般不需维护,但要保证其可靠性。

那问什么要重置游览器默认样式呢?因为游览器对每种标签都有默认的样式,并且不同游览器在处理默认样式时显示的效果不同。

比如:li标签在火狐游览器里显示的黑圆点项目符号可能会大一点,而在谷歌游览器显示的效果可能会小一点。这肯是一个很大的问题,同一个页面在不同游览器里显示的效果不一致。所以为了保证显示一致性,要对默认样式清零,而对于li标签项目符号可以自定义一个小图片代替。

除了重置游览器默认样式外,base.css的功能还应该为布局时提供更多方便的类,比如说定义高度类,宽度类,定位类,清除浮动类等,这样的话方便我们直接调用,并且可以重复使用,减少代码编写量。

而我的博客页面太少,没有单独建个base.css文件存放reset样式和自定义样式。如果页面很多就要分离css样式,考虑css架构,为每个页面单独写样式。
base.cssBenefit

喜欢 1

文章评论 (1)

  1. Feeey说道:

    博客不错哟~会经常来逛逛的。

    [1楼]网友 Windows 7 | Internet Explorer 9.0   

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头