&w&bPage &p of

&P

无标题文档 Page 1 of 9

&u&b&d

files:///c:/logan/Default.html 2009年10月30日

表格边框虚线

table{width:200px;height:100px;}

.table1{border:1px solid #6E6B85}

.table2{border:1px solid #000 dotted}

.table3{border-top:1px solid #f00 dotted;border-left:1px solid #f00

dotted;}

.table3 td{border-right:1px solid #f00 dotted;border-bottom:1px

solid #f00 dotted;}

.table4 td{border:1px solid #f00 dotted;}

2009-07-03 17:37

在使用css定义字体大小的时候有三种常见的单位供你选择：px，em，pt。px是绝对长度单位，是屏幕上显示的最小单位。字体大小不会随个人设置而变化，由于是固定大小，有很好的可预见性，目前很多网站都采用的这种单位；em是相对长度单位，可使字体随IE浏览器的调整而变化；pt也是绝对长度单位，是标准的印刷上的量度，广泛应用于打印以及字处理程序。一般网页中设计的字体大小使用12px或是9pt比较合适。大多浏览器默认的字号是16px，或是12pt，1em。我们在定义网页字体的大小的时候可以根据布局来选择合适的单位。这里有一个单位之间的相互换算：12px=0.75em,10px=0.625em，1px=0.75pt。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，

将原来的px数值除以10，然后换上em作为单位就行了。 1em=16px 1em=12pt 1px=1/16 em=0.0625em

1px=3/4 pt=0.75pt 1pt=1/12 em≈0.0833em 1pt=4/3 px≈1.3333px

CSS 内边距

2009年05月07日 星期四 14:06

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

CSS padding 属性定义元素边框与元素内容之间的空白区域。

CSS padding 属性

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。

例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：

h1 {padding: 10px;}

您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%;}

单边内边距属性

也通过使用下面四个单独的属性，分别设置上、右、下、左内边距：

您也许已经想到了，下面的规则实现的效果与上面的简写规则是完全相同的：

h1 {

padding-top: 10px;

padding-right: 0.25em;

padding-bottom: 2ex;

padding-left: 20%;

}

内边距的百分比数值

前面提到过，可以为元素的内边距设置百分数值。百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。

下面这条规则把段落的内边距设置为父元素 width 的 10%：

p {padding: 10%;}

例如：如果一个段落的父元素是 div 元素，那么它的内边距要根据 div 的 width 计算。

注意：上下内边距与左右内边距一致；即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度。