2007年6月5日 | 作者: 牧天 | 分类: CSS, Web Standards | 评论: 4
- /* mozilla.org Base Styles
- * maintained by fantasai
- * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
- */
-
- /* Suggested order:
- // 显示属性 (by: Matt)
- * display
- * list-style
- // 定位属性 (by: Matt)
- * position
- * float
- * clear
- // 盒模型属性 (by: Matt)
- * width
- * height
- * margin
- * padding
- * border
- // 颜色属性 (by: Matt)
- * background
- * color
- // 文本属性 (by: Matt)
- * font
- * text-decoration
- * text-align
- * vertical-align
- * white-space
- * other text
- * content
- *
- */
-
- /* TOC:
- Body
- Random HTML Styles
- Forms
- General Structure
- Navigation
- Quotations
- Comments and Other Asides
- Emphasis
- Computers - General
- Code
- Examples and Figures
- Q and A (FAQ)
- Tables
- Headers
- Meta
- Specific to Products Pages
- */
来源：
http://www.mozilla.org/css/base/content.css
http://www.mozilla.org/css/cavendish/content.css
2006年8月27日 | 作者: 牧天 | 分类: CSS | 评论: 1
在6G改版过程中，好多页面需要把在IE5/IE5.5下的兼容性问题考虑进去，最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于XHTML代码的简洁。
后来从蓝色理想找到了一种通过CSS HACK实现的处理方法，简单而且实用，原文：
http://www.blueidea.com/tech/site/2006/3296.asp
大家都知道用!important声明可以提升指定样式规则的应用优先权，如下面的例子：
- E1{
- background-color: red !important;/*提升优先权*/
- background-color: blue;
- }
感兴趣？继续阅读 »
2006年6月3日 | 作者: 牧天 | 分类: CSS | 评论: 1
1. css 字体简写规则
当使用css定义字体时你可能会这样做：
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;.
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif.
2. 同时使用两个class
通常我们只为属性指定一个cl 感兴趣？继续阅读 »
2006年6月2日 | 作者: 牧天 | 分类: CSS | 尚无评论
六一节的晚上，为方便打印保存博客中的一些珍贵日志，特的写了一段用来打印日志的CSS。由于这段Print CSS是在当前我所用皮肤的CSS下重定义的，不敢保证能兼容其它的LBS^2皮肤样式，将样式表发在这里，仅供大家参考。
Article Print CSS：
/*
Copyright 2005-2006 Matt
Article Print CSS
Last Edit: 2006-06-01 03:52
*/
/* None Display */
#header,
.prev-article,
.next-article,
.category-label,
.textbox-fontsize,
.textbox-urls,
#commentForm,
#commentWrapper,
#innerFooter {
display:none;
感兴趣？继续阅读 »
2006年3月3日 | 作者: 牧天 | 分类: CSS, XHTML/HTML | 尚无评论
//总论
本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。
/基 本 要 求
1. 在网站根目录中开设images、common、temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash、avi、quick time 等多媒体文件 。
2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。 感兴趣？继续阅读 »
2005年12月12日 | 作者: 牧天 | 分类: CSS, XHTML/HTML | 评论: 1
带阴影效果窗口最常见和方便的方法是使用滤镜，可以直接定义，但仅局限于IE环境使用。
其次是使用阴影图片做偏移背景图实现，兼容性很好。
阴影可以看作一种平滑的色阶过渡，由深到浅。于是我们可以采用多层覆盖模拟这种过度。这种方法只是在技术角度模拟出滤镜效果，纯XHTML/CSS实现，兼容IIE6和FF1.5，最终效果图：
感兴趣？继续阅读 »
2005年12月11日 | 作者: 牧天 | 分类: CSS | 尚无评论
什么叫绝对居中？就是说容器到屏幕左右上下四个方向都有间距，并且随屏幕大小缩放相对不变或者等比例调整，始终居屏幕中间。
绝对居中也有两种情况，容器的绝对大小和相对大小。
同时有很多方法可以实现，总结起来大致如下：
1，利用table特性，在width and height all set 100%的时候，可以把容器嵌套在td内形成绝对居中，此时的被嵌套容器可为绝对或者相对大小。（非标准） 感兴趣？继续阅读 »