CSS Border
首先要说的是元素的border，元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。
CSS 边框
在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。
元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。
每个边框有 3 个方面：宽度、样式，以及颜色。
边框的样式
样式是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有样式，将根本没有边框。也就是说："border-width"和"border-color"属性不能单独使用，需要先用 "border-style“属性规定边框之后才可以使用。
CSS 的border-style 属性定义了 10 个不同的非 inherit 样式，包括 none。也可以为一个边框定义多个样式，例如：
p.aside {border-style: solid dotted dashed none;}
上面这条规则为类名为 aside 的段落定义了四种边框样式：实线上边框、点线右边框、虚线下边框和一个不存在的左边框。
我们又看到了这里的值采用了 top-right-bottom-left 的顺序，讨论用多个值设置不同内边距时也见过这个顺序。
边框的宽度
可以通过 border-width 属性为边框指定宽度。可以指定长度值，或者使用 3 个关键字之一【thin, medium（默认值）, thick】来定义边框的宽度。
边框的颜色
设置边框颜色非常简单。CSS 使用一个简单的 border-color 属性，它一次可以接受最多 4 个颜色值。如果没有为边框声明颜色，它将与元素的文本颜色相同。另一方面，如果元素没有任何文本，假设它是一个表格，其中只包含图像，那么该表的边框颜色就是其父元素的文本颜色（因为 color 可以继承）。这个父元素很可能是 body、div 或另一个 table。
透明边框
如果边框没有样式，就没有宽度。不过有些情况下您可能希望创建一个不可见的边框。
CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框。从某种意义上说，利用 transparent，使用边框就像是额外的内边距一样；此外还有一个好处，就是能在你需要的使用使其可见。这种透明边框相当于内边距，因为元素的背景会延伸到边框区域（如果有可见背景的话）。
重要事项：在 IE7 之前，IE/WIN 没有提供对 transparent 的支持。在以前的版本，IE 会根据元素的 color 值来设置边框颜
相关文档：
1、下载 yuicompressor 包
首先到官方网站 http://yuilibrary.com/downloads/#yuicompressor 上下载 yuicompressor-2.4.2.zip 资源包。解压后 yuicompressor-2.4.2.jar 在 yuicompressor-2.4.2\build 目录下。
2、创建build-yui.xml 文件
然后创建ant 运行的文件，内容如下：
<?xml version="1.0" encodin ......
CSS选择器笔记
参考网址：456 Berea Street
一、基本选择器
序号
选择器
含义
1.
*
通用元素选择器，匹配任何元素
2.
E
标签选择器，匹配所有使用E标签的元素
3.
.info
class选择器，匹配所有class属性中包含info的元素
4.
#footer
id选择器，匹配所有id属性等于footer的元素
实例：
* { margin:0; ......
2009年2月24日
，Safari 4.0
beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版
本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
，FireFox 3.5发布，类似Safar ......
使用wap css可以把内容和表示分离，好处：
1.使用wcss使内容和样式分离，可以为不同手机，设计几个版本wap css style sheet 和指定不同屏
幕大小。内容却不需要修改。
2.为不同设备，如PC,PDA,MOBILE PHONE，准备不同样式表，内容不需要改变。
3.减少维护一个wap站点，当有新的电话，只需要增加新的样式表，内容不需� ......
CSS 和 JavaScript 标签 style 属性对照表：
盒子标签和属性对照
CSS语法（不区分大小写） JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
