BlueprintCSS笔记.docVIP

Blueprint CSS 笔记 2010年02月23日 星期二 09:40 Blueprint CSS是一个CSS框架，其目的是减少你的 CSS 开发时间了。 它给你的CSS了坚实的基础，具有易于使用的网格的基础上最高的项目，合理的排版，甚至打印样式表 。 这个Blueprint CSS 框 Blueprint CSS是一个CSS框架，其目的是减少你的CSS开发时间了。它给你的CSS了坚实的基础，具有易于使用的网格的基础上最高的项目，合理的排版，甚至打印样式表。 这个Blueprint CSS框架将 html 标签设定为如下情况：统一重置了 43 个 html 标签（html 4.0 标签一共 91 个）的属性，（html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td）。重置 html 标签的默认样式为：内外填充边框都为零，字体粗细、字体科族和字体样式继承，字体大小百分之百（在中文情况下使用这个还是改固定象素的好），高度以基线对齐；设定 body 内的行高为 1.5 倍；字体大小百分之七十五（在中文情况下使用这个还是改固定象素的好）；字体颜色为 #222222 （接近于黑色）设定 table 的边界间距为有间距、间距为零。（用有间距而间距为零的方式，估计只有这样才能将表格的边界间距设的看不到）；下外填充 1.4em ，宽度 100%；设定 caption, th, td 内的元素居左，字体粗细为普通；caption 的背景色为 #EEEEEE （特浅的灰），th 背景为 #C3D9FF （浅蓝色）内的字体为粗体，th, td 的内填充为 上4px 右10px 下4px 左5px；设定 table, td, th 内的元素高度居中；设表格如果需要隔行换色的效果或者某行需要不一样的颜色，那么已经给定了 tr.even td 类，背景颜色为 #E5ECF9 （浅浅的蓝）设定 tfood 为斜体字设定 blockquote, q 元素之前和之后的填充内容为空，引用符号也为空；blockquote 的外填充为 1.5em 字体颜色 #666666 （深灰色），斜体字（中文斜体表现并不好，这个改了斜体不要而用背景色或者字体小一号来表示应该会好点）设定链接下的图片的 border 为零；设定 h1 至 h6 不同的字体大小粗细外填充，颜色为 #111111 （更接近于黑）设定 h1 至 h6 下的图片的外填充为零设定行内图片元素默认左漂浮，同时给出了一个 p img.right 的类，以备你需要图片右漂浮的时候来用（不过很多时候我们需要的是图片不漂浮，这个需要改或者单独建立一个类了）；设定链接的颜色为 #000099 （深蓝色）带下划线，鼠标滑过和焦点状态颜色为黑色；设定 abbr 和 acronym 下边缘为一象素点线的边框；设定 del 删除字的颜色为 #666666 （中等灰度的灰）；设定 pre 和 code 内地文字显示为 white-space:pre （就是不换行啦，现在nobrwbrxmp都不建议用了）；定义了 ul 和 ol 列表前的标识为实心小圆点和阿拉伯数字。还有一些各个标签的上右下左的填充、行高、字号大小的设定不细说了。单独给定了几个可以根据实际需要单独调用的类：.small 小号字；.large 大号字；.hide 不显示；.quiet 字色为 #666666 （深灰色）；.loud 字色为 #000000 （黑色）；.highlight 背景色为 #FFFF00 （黄色）；.added 背景色为 #006600 （绿色）字色为 #FFFFFF （白色）；.removed 背景色为 #990000 （红色）字色为 #FFFFFF （白色）；.first 左边的内外填充都为零；.last 右边的内外填充都为零；.top 上面的内外填充都为零；.bottom 下面的内外填充都为零。布局部分 CSS 说明：.container 宽度 950 象素，整体居中模式。这个类应该是主要用于页面 body 元素内的整体页面控制的，好像也没其他用了；.showgrid 无用的类，这个是用来演示这个框架的一个辅助，可以将这个类删除；