通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样： * { margin:0; padding:0; }

CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /uploadfile/201012/28/4A111234284.jpg)}#layout { position:absolute; top:50px; left:200px; width:500px; he

如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码 Update: Lorem ipsum dolor set 在CSS文件中，你已经定义了元素p，又定义了一个classupdate p { margin:1em 0; font-size:1em; color:#333; } .update { font-weight:bold; color:#600; } 这两个定义中，class=update将被使用，因为class比p更近。你可以查阅W3C的《 Calcu

一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。 .one{width:200px;background:#666;} .two{border:10px solid #F00;} 在页面代码中，我们可以这样调用 div class=one two/div 这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。

（以前叫子选择器的说法欠妥，标准一点的应该叫派生选择器，通俗一点可以说后代选择器，感谢网友提醒2010-4-13） 使用派生选择器(descendant selectors) CSS初学者不知道使用子选择器是影响他们效率的原因之一。派生选择器可以帮助你节约大量的class定义。我们来看下面这段代码： div id=subnav ul li class=subnavitem a href=# class=subnavitemItem 1/a/li li class=subnavitemselect

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=enheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /meta name=Keywords co

全屏垂直居中的一个办法 DIV+CSS , 这个方面有一点不好， 就是不能自动适应，必须把高和宽写死！ 例如下边的例子！ 我是先定了一个点在中间，然后再把里边的这一块居中处理； style#info{height:0px; width:0px;top:50%; left:50%;position:absolute;}#center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:abso

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml lang=en xml:lang=en xmlns=http://www.w3.org/1999/xhtmlheadtitle脚本控制三行三列自适应高度DIV布局/titlemeta http-equiv=Content-Type content=text/h