Blueprint

这个 CSS 框架将 html 标签设定为如下情况:

还有一些各个标签的上右下左的填充、行高、字号大小的设定不细说了。

单独给定了几个可以根据实际需要单独调用的类:

布局部分 CSS 说明:

布局的列宽给出了 24 个不同宽度设定的数值:

以上四项综合理解可以理解为:

内填充数值:

给定两个右边线样式:

外填充样式:

以上两项应该是这个 CSS 框架中最难理解的部分了,在这里不详细说明了,等到写实际应用的时候弄个列子一说就明白作用了;

给定一些其他样式:

给定清除浮动样式:

清除浮动的这三个类中的前两个比较复杂,除了清除浮动外还有一些其他的能力,基本上这几个样式的内容和先后顺序和代码层级设定完后就能在所有的浏览器下清除浮动了(如果某个浏览器不支持的话,那么估计也很难支持这个框架中的大部分 CSS 属性,那么这个框架对这个浏览器来说也没太大的意义了),具体研究起来就太深了,我是搞不定,不过对我们用的人来说,只要知道你需要清除浮动的时候就用这两个类就可以了。顾名思义,.clearfix 类一般用在你不介意多加一个或者某些情况下你只能多加一个 div 或其他的 html 标签元素而本身内部不包含内容的元素身上来清除浮动,.container 类用在你的一个本身内部包含内容的元素身上来清除浮动。.clear 这个类嘛,没啥可说的了,就是不允许两侧有浮动元素。

表单元素部分:

这部分其实没有太多需要仔细研究的,大部分指定的是表单元素的一些字体、字号、字色和元素的边框、边距、宽、高等。这些就不详说了,说说可以稍微需要知道一下的。

呼呼,历时十八天,终于将这个概述写完了,就可以再开一篇文章写写学习和使用中的其他方面了。这个东西虽然是个简单的东西,不过仔细研究起来还是挺有意思的,而且能开阔思路、巩固知识。