CSS样式表命名规则
样式选择符命名
选择符以类型分，同类放一起，类的定义顺序以HTML中实际的顺序为参考，以方便查找为主, 使用类似下面的规则:
[模块前缀 | 类型 | 作用]_[名称]_[状态 | 位置]
约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺序，尽量保持在两到三个单词说清用途。
通用名词缩写
设置
set
文本
txt
成功
suc
颜色
c
提示
hint
背景
bg
操作
op
边框
bor
密码
pw
居中
center
菜单
menu
图标
icon
按钮
btn
弹出
pop
例：
文本输入框 .input_tx
密码输入框 .input_pw
登录密码输入框 .input_pw_login
日志设置成功提示 .hint_suc_blogset
相册弹出的设置层 .pop_set_photo
公共提示 .hint_bg
文本颜色 .c_tx
段落文本颜色 .c_tx_p
样式属性书写顺序
mozilla.org Base Styles
/Suggested order:
//显示属性
//自身属性
//文本属性
* display
* width
* color
* list-style
* height
* font
* position
* margin
* text-decoration
* float
* padding
* text-align
* clear
* border
* vertical-align
* background
* white-space
* other text
* content
从本质到表象，顺时针，从外到内，从上到下
/* 1、本质：清理外部clear，显不显示display，是否可见visibility，什么状态overflow，什么位置position，在哪float…. */
clear; display; visibility; overflow; position; float; list-style; ….
/* 2、自身：多宽width，多高height，行高line-height，对外margin，对内padding…. */
width; height; line-height; margin; padding; ….
/* 3、修饰：字体font，颜色color，文本text，边框border，背景background…. */
font; color; text; border; background; ….
相关文档：
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
margin:0;
border:0;
}
其次，练习时用这个例子：
html内容：
<body >
&nbs ......
用float时发现margin不起作用，图片和文字并排时老是不能对齐，于是搜到了这篇文章。 -------------------------------------------------------------------------------------------------------------------- 原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址：http://www.zhangxi ......
在网页里使用table的时候，样式一般比较难管理，因为table的有些样式与其它控件不太一样
1、table的分外边框，tr边框，td边框，它们之间都是有间距的
2、你可以指定它们之间的间距为0，但当你设置边框时，会发现边框是2px宽的，因为在table里，tr、td等元素是相邻的
所以想做一个好看的table样式可以参考以下的步骤：
1 ......
