重构中的模块化设计:样式的作用域（2）
发布时间：2010-04-23 14:42:00
标签：模块化,设计,样式,作用域
再来说说“作用域”，相信大家很容易就会想到“全局”、“公共”这些词，关注过模块化的同学应该都知道，网上说得最多的一种“模块化”，就是像header、footer这样的以大区域划分。在去年web标准交流会（页面重构合理化讨论）上，克军提出了“样式的三层架构”——公共规则层、公共模块层、项目层。这些都有它们适用的范围，而且最大的优点是容易理解和应用。这里也不再做重诉了，感兴趣的同学可以找找相关的文章。
我在这一块的划分上，有点类似克军的“样式的三层架构”，有一点小的差别，我是以“作用域”来分的： 公共级（全局）、栏目级（局部公共）、页面级 。如何划分这个“作用域”呢？很简单，全局的global就是公共级的；只在栏目中用到的局部global是属于栏目级的；只影响单个页面的就是属于页面级的了。
最后几点要特别注意的：
除了标签选择器之外，哪些类是使用于公共级、栏目级中的，如
.tx_hit{color:#FF0000 !important;}标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中
可继承的属性定义使用时须注意影响的范围，特别是在标签选择器中使用时
接下来的内容就是以这个为基础的，希望大家能理解“样式的作用域”，对于后继内容的理解会很有帮助。
0
投稿猜你喜欢
文章开始先讲下交叉验证，这个概念同样适用于这个划分函数1.交叉验证(Cross-validation)交叉验证是指在给定的建模样本中，拿出其- 基本元素选择器$("p")$("p.ii")选取所有class=ii的 p元素$("p#d
- 按下键的时候，焦点要落在窗口上，不能落在cmd窗口上。另外，一般在imshow()后要使用waitKey()，给图像绘制留下时间，不然窗口会
- 最近小爬一直思忖着如何将以前写的一些半自动化程序转为全自动化，这其中就涉及到SAP的打开和登录过程。我们都知道，SAP原生的&ldq
- 大致流程：导包---import collections新建一个有序字典---collections.OrderedDict()写入json
- CREATE FUNCTION f_Convert( @str NV
- 经常在办公的过程中会遇到各种各样的压缩文件处理，但是呢每个压缩软件支持的格式又是不同的。没有可以一种可以同时多种格式的并且免费的文件解压缩工
- 要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND(
- 字符串遍历>>> a_str = "hello itcast">>> for cha
- 前言本文执行环境typescript，版本4.7.4不使用typescript的计算能力，通过类型来实现快排元组快排能否将元组 [3, 1,
- 想使用正则表达式来获取一段文本中的任意字符,写出如下匹配规则： (.*) 结果运行之后才发现，无法获得换行之后的文本。于是查了一下手册，才发
- 概要相信很多像我一样初入门前端的时候，都是基于某个模板来学。 vue-element-admin 或者 vue-element-templa
- PyQt5中QInputDialog的使用，Qt的QInputDialog类提供了一种简单方面的对话框来获得用户的单个输入信息，它提供了4种
- 1.我们看到字典形式的数据如下所示list=[["2891-1", "D"],["2892
- 调试JavaScript程序时，有时需要打印函数调用的栈信息，这可以通过使用console.trace()来实现。以下面的代码为例：func
- public static char doVerify(String id) { char pszSrc[]=id.toCharArray(
- 前言Python 是一种面向对象的、解释型的、通用的、开源的脚本编程语言。现在市面上 Python 非常的流行，主要是因为它简单易用，学习成
- 一、需求来源：如果用户在文本框中填了一段<script>alert(xxx);</script>代码，然后我们还保存
- 本文实例为大家分享了Bootstrap导航条实现的具体代码，供大家参考，具体内容如下navbar-header：导航的头部，一般情况下用来放
- 需求：需求简单：但是感觉最后那部分遍历有意思：S型数组赋值，考虑到下标，简单题先实现个差不多的m = 5cols = 9rows = 4nu
