• 技术文章 >web前端 >html教程

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

    2016-06-24 11:49:34原创414
    农历腊月十九 天气晴朗

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:firefox(ff)下无法显示bootstrap图标问题的解决方案_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • html +CSS+div学习――第二课_html/css_WEB-ITnose• css+div盒模型研究笔记_html/css_WEB-ITnose• float浮动• ExtJs教程6(上)
    1/1

    PHP中文网