欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

规范化css 命名(常用整理)_html/css_WEB-ITnose

程序员文章站 2022-04-26 10:55:36
...
农历腊月十九 天气晴朗

好的命名规范对团队的协作来说是非常重要,更加直观、更加清晰的命名有助于日后的项目维护,也可以间接的提升项目的进度。平时工作中我们要善于整理和养成一些良好的命名规范,从细节入手,要有全局观,记住不是你一个人在战斗!整理了一些常用到css命名,希望对大家有用。

(1)页面结构

容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar
栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center

(2)导航

导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar
菜单:menu 子菜单:submenu 标题: title 摘要: summary

(3)功能

标志:logo 广告:banner 登陆:login 登录条:loginbar 注册:regsiter
搜索:search 功能区:shop 标题:title 加入:joinus
状态:status 按钮:btn 滚动:scroll 标签页:tab 文章列表:list
提示信息:msg 当前的: current 小技巧:tips 图标: icon 注释:note 指南:guild 服务:service 统计:count
热点:hot 新闻:news 下载:download 投票:vote 合作伙伴:partner 友情链接:link 版权:copyright 网站信息:iteinfo

.products 产品
.products_prices 产品价格
.products_description 产品描述
.products_review 产品评论
.editor_review 编辑评论
.news_release 最新产品
.publisher 生产商
.screenshot 缩略图
.faqs 常见问题
.keyword 关键词
.blog 博客
.forum 论坛

#homepage 首页
#subpage 二级页面子页面
#tool, #toolbar 工具条
#drop 下拉
#dorpmenu 下拉菜单
#siteinfoCredits 信誉
#summary 摘要

下面是关于css文件夹的命名:

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