|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
这是div+CSS结构中常常会碰着的基本成绩,团体以为接纳背景图添补的办法,仍是对照复杂和实在可行的。最后的效果。
CSS源代码:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="http://www.google-analytics.com/urchin.js"type="text/javascript"></script><scripttype="text/javascript">_uacct="UA-152060-1";urchinTracker();</script> <title>DIV+CSS排版中自顺应高度的办理办法</title> <styletype="text/css"> <!-- body{background:#EDEDED;font-size:70%;font-family:Arial,Helvetica,sans-serif;line-height:130%;color:#666666;margin:0;padding:0;text-align:center; }#layout{width:760px;w/idth:740px;margin:10pxauto;border:solid10px#999999;border-bottom:solid9px#999999;background:url(http://www.forest53.com/tutorials/images/sbg.gif)#FFFFFFrepeat-yleft;text-align:left; }#sidel{float:left;width:190px; }#sider{float:right;width:540px; }pre{padding:10px;margin:0; }.clear{background:#999999;clear:both;height:1px;overflow:hidden; }p{text-align:center; } --> </style></head><body><divid="layout"><divid="sider"><pre> body{background:#EDEDED;font-size:70%;font-family:Arial,Helvetica,sans-serif;line-height:130%;color:#666666;margin:0;padding:0;text-align:center; }#layout{width:760px;w/idth:740px;margin:10pxauto;border:solid10px#999999;border-bottom:solid9px#999999;background:url(bg.gif)#FFFFFFrepeat-yleft;text-align:left; }#sidel{float:left;width:190px; }#sider{float:right;width:540px; }pre{padding:10px;margin:0; }.clear{background:#999999;clear:both;height:1px;overflow:hidden; }</pre></div><divid="sidel"><pre>#sidel{float:left;width:190px;} #sider{float:right;width:540px;} pre{padding:10px;margin:0;} .clear{background:#999999;clear:both;height:1px;overflow:hidden;}</pre></div><divclass="clear"></div></div><ahref="http://www.jztop.com/web/">前往网页陶吧</a></body></html>
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。 |
|