欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

css组织时warp定名表白

#warp{... ...}
对应html使用引用CSS
id=warp

.warp{... ...}
对应HTML标签内应用
class=warp

常常我们将warp作为网页布局中最外层盒子来命名,有着(包裹、外衣意义,屡屡用于页面最外层盒子定名构造)。

一样平常以#warp 对应Html 标签使用id=warp

如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>warp 实例</title>
<style>
#warp{ margin:0 auto; width:980px}
#header{}
#centent{}
#footer{}
</style>
</head>

<body> <div id="warp"> <div id="header">网页头部</div> <div id="centent">网页模式</div> <div id="footer">网页底部</div> </div> </body> </html>

这里配合页面头部、底部、形式区定名,并运用CSS命名warp作为最外层DIV来结构。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52694.shtml