css命名warp

2013-05-26 08:38:59 div css命名warp单词什么意思，为什么常常使用warp为css选择器命名

在div+css网页布局中常常见到div css命名为wrap。

exp：
#wrap{... ...}
.wrap{... ...}

命名wrap使用目录

wrap单词翻译
单词解释
wrap与wrapper
wrap命名css用处

一、wrap单词翻译为：

vt. 包；缠绕；隐藏；掩护
vi. 包起来；缠绕；穿外衣
n. 外套；围巾

二、单词解释：

1、包裹
她这个简称为包裹（Wrap）的系列，通过各式各样的材质的层叠传递出概念，不管是具有触感的作品还是光滑的作品都是Ciberson所擅长的。

2、外
css样式命名 ... 外套： wrap 主导航： mainnav
更多 css命名规则

3、外套
英语新词汇与常用词汇的翻译(W2) ... wrap up 掩饰 wrap 外套 wrap-up 简讯 ...

4、包
叠韵近义字外语学习网上读书园地论坛 -... ... strap 捆扎 wrap 包,捆 lap 包,捆

三、wrap与wrapper

wrap单词与wrapper单词也是在css样式命名常用的英文单词，也是具有外套，最外层意思。

四、wrap命名css用处

一般使用选择符合“#”开头命名css选择器，在html中使用id引入。

wrap单词使用案例示例如下

1、css选择器命名

#wrap{width:980px; margin:0 auto} 
/* css注释： 设置对象css宽度为980，css布局居中margin样式 */

2、html中div使用引入

<div id="wrap"> 内容 </div>

3、完整html源代码（包括css代码与div应用代码）

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>wrap外套 html8.com.cn 示例</title> 
<style> 
#wrap{width:980px; margin:0 auto} 
/* css注释： 设置对象宽度为980，css布局居中margin样式 */ 
</style> 
</head> 
<body> 
<div id="wrap"> 内容 </div> 
</body> 
</html>

4、示例截图

wrap命名使用示例截图
div wrap命名使用截图

因为wrap有着最外层意思，所以一般使用布局最外层的一个div盒子使用，因为具有唯一和比较重要意义的，所以使用以css id来使用。

相关推荐阅读：
1、css id与class区别
2、css div命名