在路上

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和火狐浏览器存在很大的解析差异，这里介绍一下兼容要点。

• 1、DOCTYPE 影响 CSS 处理
• 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
• 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
...

 .pro{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F4C871,endColorStr=#CC0000)}

        大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。

根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。

...

style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#A5A5A5,Direction=120,strength=4);"

 

 

...

<div style=" height:290px; width:auto; overflow-x:hidden; overflow: auto;padding-right:5px;" class="body">添加的内容，一旦内容超出定义的范围，滚动条显示。</div>

<style type="text/css">
.body{ scrollbar-arrow-color:  #aa0000;   /*三角箭头的颜色*/
...

网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>

特点是无论使用何种分辨率，它的大小和位置都是不变的。

我所收集的:

1.
<frameset border="0" cols="0,*" frameborder="0" framespacing="0" onload="init()" onhelp="noHelp()" onkeydown="noEffect()" ondragstart="noEffect()" oncontextmenu="noContext()">
...

...

单行一列

body{margin:0px;padding:0px;text-align:center;}
#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}

两行一列

body{margin:0px;padding:0px;text-align:center;}
#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}
...

巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：
任意标签中插入 style="cursor:*" 
例子：<span style="cursor:*">文本或其它页面元素</span>  <a href="#" style="cursor:*">文本或其它页面元素</a>  注意把 * 换成如下15个效果的一种：
...

先介绍一些概念 巢(cell) -- 表格的内容 巢补白(cellpadding) -- 代表巢外面的一个距离,用于隔开巢与巢空间 巢空间(cellspacing) -- 代表表格边框与巢补白的距离,也是巢补白之间的距离

上图说明了表格的几个属性,其中黑色部分就是巢(cell)，白色的区域是巢补白，灰色的区域是巢空间。cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的...