`
lizhiwei03
  • 浏览: 6522 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

CSS命名规范(建议版)

阅读更多

非原创,来源网络。感谢原作者奉献如此精彩文章。原文地址: http://bbs.blueidea.com/thread-2856346-1-1.html

容    器:container/box
头    部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底    部:footer
菜    单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜    索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标   题:title
内    容:content
列    表:list
当前位置:currentPath
侧 边 栏:sidebar
图    标:icon
注    释:note
登    录:login
注    册:register
列 定 义:column_1of3 (三列中的第一列)
         column_2of3 (三列中的第二列)
         column_3of3 (三列中的第三列)

外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footer
整个页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单:  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

分享到:
评论

相关推荐

    CSS命名规范(个人总结)

    以下是一些关于CSS命名规范的关键点,这些都是基于个人经验的总结: 1. **大小写规则**:推荐使用小写字母来编写CSS选择器,这符合CSS标准且易于阅读。例如,`#header`、`.mainContent`。 2. **ID和类名**:ID通常...

    常用CSS命名规范

    ### 常用CSS命名规范 #### CSS命名规范的重要性 CSS命名规范对于前端开发来说至关重要。良好的命名习惯不仅能提升代码的可读性与维护性,还能帮助团队成员更好地理解和协作。本文将详细介绍一种符合W3C标准的CSS...

    div css命名规范

    以下是一些常见的CSS命名规则和相关知识点: 1. **头部(Header)**:通常用`header`来标识页面顶部区域,包括logo、导航等元素。 2. **内容区(Content/Container)**:`content`或`container`用来表示页面的主要...

    CSS命名规范CSS初学者或者想正规化的命名

    ### CSS命名规范详解 在CSS开发过程中,良好的命名规范对于代码的可读性、可维护性和团队协作至关重要。本文将围绕“CSS命名规范CSS初学者或者想正规化的命名”这一主题,详细介绍一些基本且实用的命名规则,并通过...

    CSS_命名规范参考及书写注意事项.rar

    为了保持代码的可读性、可维护性和团队协作效率,遵循一套良好的CSS命名规范至关重要。本资料“CSS_命名规范参考及书写注意事项”将为你提供相关的指导原则。 1. BEM(Block Element Modifier)命名法:BEM是一种...

    CSS命名规范参考

    本文将根据提供的内容概述CSS命名规范的关键点,并给出一些具体的实践建议。 #### CSS命名规范概述 1. **ID与Class的使用**: - ID(#):在文档中应该唯一出现,通常用于页面布局中的主要区块。 - Class(.):...

    DIV+CSS规范命名大全集合

    ### DIV+CSS规范命名大全集合 #### CSS规范命名与实践指南 在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作...

    DIV+CSS命名规范

    ### DIV+CSS命名规范 #### 一、基本概念与原则 在前端开发中,合理而规范的命名方式对于项目的维护性和扩展性至关重要。一个清晰、一致的命名规则不仅能够提高团队成员之间的协作效率,还能降低后期维护成本。本文...

    CSS命名规则

    3. **团队协作**:在团队合作中,制定统一的选择器命名规范是非常重要的。这不仅可以减少潜在的兼容性问题,还能提高代码的可读性和可维护性。 综上所述,虽然W3C CSS2.1标准对CSS选择器命名规则进行了规定,但在...

    Css命名规范大全.pdf

    CSS命名规范是前端开发中的重要组成部分,它有助于代码的可读性、可维护性和团队协作效率。本篇文章将深入探讨CSS命名的一些通用原则和最佳实践。 首先,我们要明确CSS中的两种选择器:类(class)和ID。类选择器以...

    CSS属性编写顺序及命名规范

    #### 三、CSS命名规范 在实际项目开发中,合理的命名规范对于团队协作尤为重要。下面列举了一些常用的CSS命名规则: - **头部元素**:`header` - **内容容器**:`content`, `container` - **底部元素**:`footer` ...

    【DIV+CSS学习笔记】CSS样式命名规范

    良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些核心原则和建议: 1. **文件命名规范**: - 全局样式文件通常命名为`global.css`,用于定义通用的...

    css命名规范(仅供参考)

    ### CSS命名规范详解 #### 一、概述 在前端开发过程中,良好的CSS命名规范对于提高代码的可读性、可维护性以及团队协作效率至关重要。本文档基于一份名为《CSS样式命名规则(仅供参考)》的PDF文件进行了整理与扩展...

    DIV+CSS命名规范有助于SEO

    ### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域,DIV+CSS是一种非常重要的网页布局技术。其中,合理的命名规范不仅能够提高代码的可读性和可维护性,还能间接促进网站的搜索引擎优化(SEO)。本文将详细...

    网页前端设计规范(包含文件夹,CSS命名等)

    这份资源包涵盖了CSS命名规范和文件管理规范两个关键方面,旨在为前端开发者提供一个清晰、一致的工作指南。 首先,让我们详细探讨CSS命名规范。在前端开发中,CSS是样式和布局的主要工具,良好的命名习惯能大大...

    div命名+css命名大全

    DIV+CSS 命名规则是网页制作中的一种规范命名方式,可以改善优化功效特别是在团队合作时候可以提供合作制作效率。本文将对 DIV+CSS 命名规则进行详细的讲解,包括页眉、登录条、标志、侧栏、广告、导航、子导航、...

Global site tag (gtag.js) - Google Analytics