Dream的彦色

<style>
div.bg{background:#ffc20e;width:50%}
b{display:block;}
/*将所有B标签转成块级元素*/
div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;}
/*div标签内类名为topb/bottomb的那个b标签的css属性值--高为1px，溢出部份隐藏,背景色同div.bg的背景色*/
div b.topb,div b.bottomb{ background-color:white}
/*div标签内类名为topb/bottomb的背景色要与body背景色一致*/
b.t1{margin:0 5px}
/*标签margin值将决定溢出的多少值被隐藏*/

文本对齐属性(text-align)
这个属性用来设定文本的对齐方式。有以下值：

left (居左，缺省值)
right (居右)
center (居中)
justify (两端对齐)
示例代码如下：

.p2 {text-align:right}

文本修饰属性(text-decoration)
这个属性主要设定文本划线的属性。有以下值：

none (无，缺省值)
underline (下划线)
overline (上划线)
line-through (当中划线)
示例代码如下：

.p2 {text-decoration: underline}

//显示属性
display
list-style
position
float
clear

//自身属性
width
height
margin
padding
border
background

//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content

相对定位relative概念说明：
对一个元素进行相对定位，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点（它本身所在的位置）进行移动，对象不可层叠，元素始终占据原来的空间。
例：
#text{position:relative;left:10px;top:10px;}
呈现在页面上的效果为，元素在原位置向右移动10像素，向下移动10像素。

绝对定位absoluter概念说明：
元素绝对定位后，位置与文档流无关，不占据空间，同时绝对定位的元素可覆盖页面上的其它元素，可通过设置z-index属性来控制层叠顺序。
绝对定位的元素位置相对于已定位的父级元素，如果元素没有已定位的父级元素，那么它的位置相对于body对象。可通过设置垂直或水平位置，让这个元素“相对于”它的父级元素或body对象移动。
例：
#text{position:absoluter;left:10px;top:10px;}

一般用到的hack有两张方法：一种是"!important"，另一种是属性选择器，这两种都以ie6为基础兼容FF的方法。以前我还使用过一种方法[xmlns]，后来知道了"!important"就没在用过了，在D8编辑器里，使用"!important"为以红色高亮，比较方便查看，用hack都知道，最不方便的就是管理了。
我举例说一下简单的使用方法：
"!important"：
……
{padding:1px!important;padding:3px;}
……
以上代码，在ie6中内边距表现为3像素，在ff中内边距表现为1像素。
属性选择器：
……
.a{width:100px;height:100px;background:#000;}
[class="a"]{background:#FFF;}
……

鼠标经过时变色的表格
http://www.cssfans.com.cn/viewthread.php?tid=290

滚动条的很多样式是怎么做出来的
http://www.cssfans.com.cn/viewthread.php?tid=264

表格溢出问题
http://www.cssfans.com.cn/viewthread.php?tid=258

关于CSS透明滤镜定义图片的问题
http://www.cssfans.com.cn/viewthread.php?tid=238

float属性的值如下表
值效果
left盒子移动到左边,本文在右边流动
right
盒子移动到右边,文本在左边流动
none
盒子逋一动,文本不围绕它李东
inherit
实用包含盒子的float值

当盒子浮动时,它就定位在包含它盒子的内容部分的内部.

浮动盒子保持在它的包含盒子的边距,边框,和填充之内,它适当地移动到左边或者右边.

任何其后的内容放在浮动盒子的旁边.

看一下这个例子就知道了

<style type="text/css">
<!--
#subcontent {
 background-color: #999999;
 float: right;

CSS基本概念
CSS初探 - CSS基本知识 - 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html

CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html

设置丰富的文字效果 - CSS基本知识 - 第3课

HTML遵循一定的规则。这些规则包含在一个文档类型定义（Document Type Definition）文件中，或者如大家所知的DTD。DTD是一个XML文档，解释了哪些标签、属性或值对于HTML的一个特定类型是有效的。每一个HTML版本，都有一个对应的DTD。现在你可能会问：“所有这些和CSS又有什么关系呢？”

　　如果想让网页中的所有内容都在网页浏览器上正确、一致地显示，就得告诉网页浏览器你正使用HTML或者XHTML的哪个版本，包括一个网页开头处的文档类型声明（doctype declaration）是什么意思。这个文档类型声明是在HTML文件的第一行，不仅定义你正使用的HTML版本（比如HTML 4.01 Transitional），而且指向网页中适当的DTD文件。当键错文档声明时，你会使大部分浏览器进入一个叫怪异模式（Quirks Mode）（译注1）的警告状态。