css布局时warp命名解释

2024-01-18 14:26 小编

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来结构。


在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码