组织CSS结构

本文介绍了如何组织CSS架构,推荐采用page.css(页面级)、common.css(网站级)、base.css(通用级)的自下而上形式。base.css包含reset.css和atom.css,用于消除浏览器默认样式和创建原子类。common.css负责网站通用组件样式,而page.css则针对特定页面的定制样式。
摘要由CSDN通过智能技术生成

https://www.cnblogs.com/liaohongwei/p/9698687.html (CSS写作规范)

如何组织css架构

一般来说,css推荐采用

  • page.css [页面级]

  • common.css [网站级]

  • base.css [通用级]

这种自下而上的组织形式.各自的功能和定义如下:

  • page.css [某个特定的页面的特定样式]

  • common.css[抽象出网站通用的组件样式]

  • base.css [提供样式的reset以及原子类功能]

Base.css

如果把写css看作建造房屋,那么base.css相当于地基+砖瓦

base.css和具体UI没有关系,它具有高度移植性,从而能够被任何风格的网站所引用. 一般来说base.css会采取 reset + atom 这种形式。

  1. [ 地基 ] Reset.css(网上可以找到很多知名网站的reset.css做参考)

很多HTML标签在浏览器里有默认的样式,例如 p 标签有上下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值