CSS的命名

　　使用约定俗称的命名规范有助于我们的代码阅读和维护。

　　常用命名：

　　wrap 外套 ———————— 用于最外层

　　container 容器 ———————— 和外套相似，用于做容器

　　header 头部　　———————— 用于头部

　　nav 导航 ———————————— 网页菜单导航条

　　content 内容 —————————— 用于网页中的中部主体

　　title标题 ————————————栏目标题，一般配合h标签使用

　　main 主要内容 ———————— 用于主体内容（中部）

　　main-left 主体内容左部 —————— 用于主体内容的左边

　　main-right 主体内容的右部—————— 用于主体内容的右部

　　banner 广告条

logo 标记

　　menu 菜单

　　更多：
　　（1）CSS样式命名：
　　wrapper：页面外围控制整体布局宽度
　　container,content：容器,用于最外层
　　layout：布局
　　head, header：页头部分
　　foot,footer：页脚部分
　　nav：主导航
　　subnav：二级导航
　　menu：菜单
　　submenu：子菜单
　　sidebar：侧栏
　　sidebar_a, sidebar_b：左边栏或右边栏
　　tag：标签
　　msg,message：提示信息
　　tips：小技巧
　　vote：投票
　　friendlink：友情连接
　　summary：摘要
　　loginbar：登录条
　　searchInput：搜索输入框
　　hot：热门热点
　　search：搜索
　　search_output：搜索输出和搜索结果相似
　　searchbar：搜索条
　　search_results：搜索结果
　　branding：商标
　　siteinfo：网站信息
　　siteinfolegal：法律声明
　　siteinfocredits：信誉
　　joinus：加入我们
　　partner：合作伙伴
　　service：服务
　　regsiter：注册
　　arr/arrow：箭头
　　guild：指南
　　sitemap：网站地图
　　list：列表
　　homepage：首页
　　subpage：二级页面子页面
　　tool, toolbar：工具条
　　drop：下拉
　　dorpmenu：下拉菜单
　　status：状态
　　scroll：滚动
　　tab：标签页
　　left,right,center：居左、中、右
　　news：新闻
　　download：下载
　　products：产品
　　products_prices：产品价格
　　products_description：产品描述
　　products_review：产品评论
　　editor_review：编辑评论
　　news_release：最新产品
　　publisher：生产商
　　screenshot：缩略图
　　faqs：常见问题
　　keyword：关键词
　　blog：博客
　　forum：论坛

　　（2）CSS文件命名：
　　master.css,style.css------------主要的
　　module.css---------------------模块
　　base.css------------------------基本共用
　　layout.css----------------------布局，版面
　　themes.css---------------------主题
　　columns.css--------------------专栏
　　font.css------------------------文字、字体
　　forms.css-----------------------表单
　　mend.css-----------------------补丁
　　print.css-----------------------打印

巴特西

CSS的命名

最新文章

热门文章