当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.
浏览器缺省设置
2.
外部样式表
3.
内部样式表（位于 <head> 标签内部）
4.
内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
CSS 语法
CSS 语法由三部分构成：选择器、属性和值：
selector {property: value}
选择器 (selector) 通常是你希望定义的 HTML 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：
body {color: blue}
上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值， ......
滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条
width: 568px; width: 98%; 设置区域的宽度[像素/百分比等等]
height: 120px; 设置区域的高度[像素/百分比等等]
<STYLE>
BODY,#div {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}
</STYLE>
SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强� ......
刚开始学css，开始遇到filter不懂什么意思后来到网上查了，觉得解释的很全面，就把它抠下来，以便自己经常来看看。
CSS滤镜的使用方法：filter:filtername(parameters) 即 filter:滤镜名称（参数）
alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
glow：加光辉在附近对象的边外
gray：把图片灰度化
invert：反色
light：创建光源在对象上
mask：创建透明掩膜在对象上
shadow：创建偏移固定影子
wave：波纹效果
Xray：使对象变得像被x光照射一样
具体的应用有两种方法：
1、先定义好CSS ，再在页面中需要的对象上使用预先定义好的CSS，实际上CSS的设置对话框里已经预先将这些滤镜的语法设置好了，我们只需填上适合的具体参数即可。
2、直接在支持CSS滤镜效果的HTML控件元素上编写CSS filter代码。
Alpha滤镜: 听到这个名字，你可能会想到Flash里有，Photoshop里也似乎见过。一点不错，它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合"通俗地说就是一个元素的透明度.
� ......
http://www.cnblogs.com/rubylouvre/archive/2009/08/10/1542476.html
说是实现兼容，其实也只不过为了照顾IE6与IE7，其实不支持标准的对手早就烟飞灰灭，而像firefox，Opera，Safari等更新换代太快，就算有问题很快就被官方处理。因此这篇博文大家最好在IE6中浏览，里面可运行的例子都是为IE6准备的。
选择器
通配符 * :: IE6不支持
类选择器 .class :: IE6元素的class不能超过2个
属性选择器 [att=value] [att] [att|=value] [att(^|$|~)=value] :: IE6不支持
关系选择器 E + F; E > F ; E ~ F :: IE6不支持
属性选择器 [att=value] [att] [att|=value] [att(^|$|~)=value] :: IE6不支持
:first-letter,:first-line,:visited,:link伪类选择器 :: 都支持
:hover伪类选择器 :: IE6只支持a元素(并且一定要有href属性才行)，IE7及FF支持a以外元素
:before和:after伪类选择器 :: IE7和firefox支持
结构伪类选择器 ::只有最新的游览器才支持这种CSS3选择符，FF3.5，opera10与chrome。IE全系列歇菜。
说说用法：
E:root 匹配文档的根元素
1.:root { border: 1px solid blue; }
2.//相当于html { border: 1px solid blue; }
E:nth-child(n) 匹配所有在 ......
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例：
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
</script>
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。</div><div>因为visibility会保留元素的位置，所以第二行不会移动.</div>
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。
因为visibility会保留元素的位置，所以第二行不会移动。
注意到，当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中， ......
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例：
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
</script>
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。</div><div>因为visibility会保留元素的位置，所以第二行不会移动.</div>
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。
因为visibility会保留元素的位置，所以第二行不会移动。
注意到，当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中， ......
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：register
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight
1.css ID 的命名
外 套： wrap
主导航： mainNav
子导航： subnav
页 脚： footer
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainNav（globalNav）
顶导航： topnav
边导航： sidebar
左导航： leftsideBar
右导航： rightsideBar
旗 志： logo
标 语： banner
菜单内容1： menu1Content
菜单容量： menuContainer
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadCrumb(即页面所处位置导航提示）
容器 ......
最新文章 : css