<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>紫枫印象 &#187; 命名规则</title>
	<atom:link href="http://www.86ue.com/archives/tag/%e5%91%bd%e5%90%8d%e8%a7%84%e5%88%99/feed" rel="self" type="application/rss+xml" />
	<link>http://www.86ue.com</link>
	<description>UED web2.0 前端技术 用户体验 SEO 80后</description>
	<lastBuildDate>Sun, 14 Mar 2010 14:02:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>div+css命名规则</title>
		<link>http://www.86ue.com/archives/10</link>
		<comments>http://www.86ue.com/archives/10#comments</comments>
		<pubDate>Wed, 14 Oct 2009 16:48:09 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[CSS+HTML]]></category>
		<category><![CDATA[命名规则]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=10</guid>
		<description><![CDATA[<p style="text-align: center;"><a rel="attachment wp-att-25" href="http://www.86ue.com/?attachment_id=25"></a>大家在样式代码编写的时候，都会根据需要来命名你所应用的类名或id，而命名的规范性很重要！</p>

在大型项目中，更为突出，因为是多个人的合作，相互的样式有需要共享，有需要统一的。只有命名规

范了，在工作中既可以提高查找的速度，又便于管理。

例如：

.font_w_b =表示“字体加粗”，

.pad_lr_5 = 表示“内填充左右各5个像素”等等。。让人一幕了然。

下面分享下自己在工作常使用的命名方式：

(一)

内容：content/container   <span onclick="tagshow(event)">导航</span>：nav    侧栏：sidebar 　 　  
栏目：column   标志：<span onclick="tagshow(event)">logo</span>   页面主体：main 　　   
<span onclick="tagshow(event)">广告</span>：banner    热点：hot    新闻：news              
下载：download    子导航：subnav    菜单：menu
<span onclick="tagshow(event)">搜索</span>：search   页脚：footer    滚动：scroll      
版权：copyright   友情<span onclick="tagshow(event)">链接</span>：friendlink    子菜单：submenu     
内容：content    标签页：tab   文章列表：list           
<span onclick="tagshow(event)">注册</span>：regsiter   提示信息：msg   小技巧：tips                                      
加入：joinus   栏目标题：title   <span onclick="tagshow(event)">指南</span>：guild                  
服务：service   状态：status    投票：vote                  
页尾：footer   合作伙伴：partner   登录条：loginbar
页面外围控制整体布局宽度：wrapper   左右中：left right center]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a rel="attachment wp-att-25" href="http://www.86ue.com/?attachment_id=25"></a>大家在样式代码编写的时候，都会根据需要来命名你所应用的类名或id，而命名的规范性很重要！</p>
<p>在大型项目中，更为突出，因为是多个人的合作，相互的样式有需要共享，有需要统一的。只有命名规</p>
<p>范了，在工作中既可以提高查找的速度，又便于管理。</p>
<p>例如：</p>
<p>.font_w_b =表示“字体加粗”，</p>
<p>.pad_lr_5 = 表示“内填充左右各5个像素”等等。。让人一幕了然。</p>
<p>下面分享下自己在工作常使用的命名方式：</p>
<p>(一)</p>
<p>内容：content/container   <span onclick="tagshow(event)">导航</span>：nav    侧栏：sidebar 　 　  <br />
栏目：column   标志：<span onclick="tagshow(event)">logo</span>   页面主体：main 　　   <br />
<span onclick="tagshow(event)">广告</span>：banner    热点：hot    新闻：news              <br />
下载：download    子导航：subnav    菜单：menu<br />
<span onclick="tagshow(event)">搜索</span>：search   页脚：footer    滚动：scroll      <br />
版权：copyright   友情<span onclick="tagshow(event)">链接</span>：friendlink    子菜单：submenu     <br />
内容：content    标签页：tab   文章列表：list           <br />
<span onclick="tagshow(event)">注册</span>：regsiter   提示信息：msg   小技巧：tips                                      <br />
加入：joinus   栏目标题：title   <span onclick="tagshow(event)">指南</span>：guild                  <br />
服务：service   状态：status    投票：vote                  <br />
页尾：footer   合作伙伴：partner   登录条：loginbar<br />
页面外围控制整体布局宽度：wrapper   左右中：left right center</p>
<p>(二)</p>
<p>导航：nav<br />
主导航：mainbav<br />
子导航：subnav<br />
顶导航：topnav<br />
边导航：sidebar<br />
左导航：leftsidebar<br />
右导航：rightsidebar<br />
菜单：menu         子菜单：submenu         标题: title       摘要: summary</p>
<p>( 三)</p>
<p>标志：logo<br />
广告：banner<br />
登陆：login<br />
登录条：loginbar<br />
注册：regsiter<br />
搜索：search<br />
功能区：shop<br />
标题：title<br />
加入：joinus<br />
状态：status<br />
<span onclick="tagshow(event)">按钮</span>：btn<br />
滚动：scroll<br />
标签页：tab<br />
文章列表：list<br />
提示信息：msg<br />
当前的: current<br />
小技巧：tips<br />
<span onclick="tagshow(event)">图标</span>: icon<br />
注释：note<br />
指南：guild<br />
服务：service<br />
热点：hot<br />
新闻：news<br />
下载：download<br />
投票：vote<br />
合作伙伴：partner<br />
友情链接：link<br />
版权：copyright</p>
<p>(四)</p>
<p>主要的 master.css             模块 module.css            基本共用 base.css         <br />
主题 themes.css               专栏 columns.css                  打印 print.css   <br />
<span onclick="tagshow(event)">文字</span> font.css                     表单 forms.css                      补丁 mend.css                  <br />
布局，版面 layout.css    重置 reset.css</p>
<p>(五)</p>
<p>注意事项：</p>
<p>1.一律小写;<br />
2.尽量用英文;<br />
3.尽量不缩写，除非一看就明白的单词.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>分享到这里，希望对大家有所帮助！^_^晚安！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/10/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
