2016-11-28 14:50:40 css warp命名div css命名warp什么意思和作用#warp{... ...} .warp{... ...}
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来布局。