> 웹 프론트엔드 > HTML 튜토리얼 > 规范化css 命名(常用整理)_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:49:34
원래의
897명이 탐색했습니다.

  农历腊月十九  天气晴朗

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

 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿