规范使用DIV+CSS命名规则 增强优化功效
作者:5alin 来源:作者博客 发布时间:2008-12-17 14:27:00
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight
1.CSS ID 的命名
外 套: wrap
主导航: mainNav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainNav(globalNav)
顶导航: topnav
边导航: sidebar
左导航: leftsideBar
右导航: rightsideBar
旗 志: logo
标 语: banner
菜单内容1: menu1Content
菜单容量: menuContainer
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadCrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: login
功能区: shop(如购物车,收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
猜你喜欢
- QQ这个聊天工具,对于很多在互联网打滚多年的站长朋友来说,应该不会陌生,可能其中不少人还是QQ这个品牌成长的见证者。以我个人对腾讯,对QQ的
- 时下火爆的SNS游戏《开心农场》想必已经是很多朋友每天必玩的游戏啦。看着自家的田园,从播种、浇水、施肥、除虫到收获,望着采摘下来的沉甸甸的果
- 百度贴吧里人气很旺,是我们宣传网站的好方法。但贴吧也是管理最严的地方,主要体现在对于发广告的采取封ID、封网址和封ip等措施。道高一尺,魔高
- 在2日结束的由IT产业资深媒体举办的年度盛典,中国“IT两会”计算机世界互联网年会上,诞生刚过百日的阿里妈妈被评选委员会授予“2007中国互
- 购物真是女性的天性,就连网上也不例外。万事达卡国际组织昨日发布了一项关于女性消费者网络购物行为的调查,发现有网购行为的女性不仅在数量上多于男
- 如果您在近期登陆网上帐户,应该会发现在选择 AdSense 产品时,产品名称已改为中文!是的,在继推出一系列具有“中国特色”的产品特性之后,
- 11月19日消息,中国领先的社区平台与服务提供商康盛创想(Comsenz)旗下核心产品Discuz!新版正式发布。全新推出的Discuz!
- 本文探讨如何从内部链接、引入链接和引出链接三个方面来增加网站的链接广泛度。网站的链接广泛度(Link Popularity)在搜索引擎排名中
- 对于很多中小站长来说,感觉最新鲜的事情之一也许是自己使用的源代码出新版本了。很多人都迫不及待的升级、测试,希望自己的网站在最短的时间内成为第
- 要提高网站收录量,无非就是三件事情。1.吸引搜索引擎蜘蛛来到你的网站;2.让搜索引擎顺利的爬行你的网页;3.让搜索引擎蜘蛛觉得你的网页有用,
- 最近在网上旋起了一股单页面优化讨论的风潮,最初的情况是seo资料站的站长丘仕达做了一个单页面,专门对土豆网电影这个词做专门的优化,在长达几个
- 各种不同网站运营模式是不同的就比如说阿里巴巴网站运营模式和开心网网站运营模式[开心网运营的盈利模式] ,是截然不同的,那再想下,是什么决定了
- WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL 数据库的服务器上架设自己的博客。也可以把 WordP
- 不知道为啥,我的IIS访问asp就这样了。------------------------------------Server Applic
- Google AdSense开始通过本地的公司与发布者联系和合作,实际上仅仅是法律意义上的Google AdSense代表变更,并不影响其他
- google adsense的搜索广告,有二种形式,一是传统的搜索框,二是不久前推出的“搜索联盟”。这二种有何区别呢?下面做一下介绍。一、搜
- Godaddy主机用户使用File Manager里的拖拽及drop方法,可以拷贝或者移动文档及文件夹至一个新位置,甚至拷贝某个目录里的文档
- 近日,从谷歌发信给站长的信中了解,谷歌将全面暂停AdSense推介业务。到2008年8月的最后一周,暂停AdSense推介计划。对于正在投放
- 如果你打算做站长,哪么你面临的第一件事就是注册域名。千辛万苦终于选定了自己心仪的域名,但是到哪里注册呢?这个问题其实一点也不比选择域名来的简
- 开设个人博客的朋友使用WordPress不在少数,那么也难免不了更换空间和域名的情况,由于笔者亲历了一次更换空间和域名的情况,将博客从AAA