`
csstome
  • 浏览: 1543268 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css 命名规范...

CSS 
阅读更多

页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright

------------------------------------------------------->

1.CSS ID 的命名

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

    以下是对CSS命名规范的一些详细解释和示例: 1. **小写字母和中横线分隔**: - 所有CSS类名应该使用小写字母,避免使用驼峰式或全大写字母。如`.logo`、`.nav`等。 - 当需要扩展类名时,使用中横线`-`作为分隔符...

    CSS命名规范.doc

    以下是一些关于CSS命名规范的详细说明: 1. **全小写字母**:CSS类名和ID名应该一律使用小写字母,这有助于避免大小写敏感的浏览器差异,并提高代码的可读性。 2. **使用英文**:尽管中文命名更直观,但英文命名...

    WEB前端开发规范文档CSS命名规范.docx

    【CSS命名规范】 在Web前端开发中,CSS命名规范对于团队协作、代码可读性和维护性至关重要。以下是一些核心的CSS命名规则: 1. **语义化命名**:CSS选择器应该反映其对应的HTML元素的功能或内容。例如,用`header`...

    网站建设CSS命名规范.pdf

    【CSS命名规范】 在网页设计和开发中,CSS(Cascading Style Sheets)命名规范是确保代码可读性、可维护性和团队协作的关键。众成新项目部的CSS样式表和XHTML命名书写规范提供了清晰的指导原则,帮助开发者遵循一致...

    DIV+CSS命名规范.pdf

    以下是对标题和描述中涉及的`DIV+CSS`命名规范的详细说明: 1. **命名原则**: - `ID`通常用于唯一标识页面上的特定元素,比如`#header`代表页面头部,而`class`可以用于多个元素,如`.menu`可能应用于多个菜单项...

    WEB前端开发规范文档+CSS命名规范.docx

    ### WEB前端开发规范文档+CSS命名规范 #### 规范目的 为了提升团队协作效率、便于后台人员添加功能以及前端后期优化维护,本规范旨在输出高质量的文档。一旦该规范文档被确认,前端开发人员必须按照本文档所规定的...

    DIV+CSS命名规范.docx

    CSS命名规则通常遵循一定的模式,例如: - 页面结构:`wrapper`(外套,最外层)、`container`或`box`(容器)、`content`(内容)、`header`(头部)、`main`(主体)、`footer`(页脚)、`logo`(标志)、`banner...

    CSS命名规范.pdf

    以下是一些从给定文件中提取的CSS命名规范的知识点: 1. **页面结构命名**: - 使用描述性的ID来表示页面的不同区域,如`top`(顶部容器)、`menu`(菜单容器)、`main`(主体容器)、`foot`(尾部容器)等。这有...

    编程规范-HTML + CSS 命名规范.pdf

    HTML和CSS作为构建网页的基础技术,其命名规范对于代码的可读性、可维护性和一致性至关重要。良好的命名规范能够帮助开发者避免错误,提高开发效率,同时也方便团队协作和项目的后期维护。以下是从提供的文件内容中...

    CSS命名规范.docx

    以下是一些从提供的内容中提取的关键CSS命名知识点: 1. **页面结构命名**: - 通常,我们用ID选择器来标识页面的主要部分,如`top`(顶部)、`menu`(菜单)、`main`(主体)、`foot`(底部)、`art`(文章)、`...

    css命名规则.txt

    本文将根据给定文件“css命名规则.txt”的内容进行深入解读,为网页设计师提供一套高质量CSS代码的标签规范。 #### 二、基本元素命名 1. **Header**: 用于页面顶部区域的标记。 - 示例:`&lt;div class="header"&gt;` ...

    常用的css命名规则.txt

    本文将深入解析“常用的CSS命名规则”这一主题,旨在帮助开发者理解并掌握一系列实用的CSS命名规范。 ### 命名规则的重要性 在CSS开发过程中,合理的命名规则可以显著提高代码的可读性和可维护性,减少后期修改和...

    web前端+css命名 规范

    在Web前端开发中,CSS(层叠样式表)命名规范是至关...在实际工作中,可以参考提供的文档资源,如`CSS命名规范参考及书写注意事项.doc`、`WEB前端开发规范.doc`,以及`HTML+css PPT浅谈.rar`,深入理解并应用这些规范。

    CSS命名规范CSS命名规范

    CSS 命名规范和 CSS 书写规范 一、CSS 命名规范 CSS 命名规范是指在编写 CSS 代码时,遵守一定的命名规则,以便于代码的阅读、维护和重用。下面是一些常用的 CSS 命名规范: * 文件命名规范:global.css、layout....

    css命名规范(英文命名)

    CSS 命名规范(英文命名) CSS 命名规范是指在 CSS 文件中统一命名的规范,以便提高代码的可读性和维护性。以下是 CSS 命名规范的详细说明: 文件命名规范 在 CSS 中,文件命名是非常重要的。以下是一些常见的...

    CSS常用命名规范.docx

    以下是一些常见的CSS命名规则和用法: 1. 导航命名: - `nav`: 用于表示导航区域的总称。 - `navbar`: 代表导航栏,通常位于页面顶部。 - `navigation`: 与`nav`类似,表示导航功能。 - `nav-wrapper`: 用来...

    web前端命名规范.docx

    本文档将从基本单词到 CSS 命名规范,对 Web 前端命名规范进行详细的介绍。 一、基本单词 在 Web 前端开发中,基本单词是指最基本的 HTML 元素的命名。这些命名对应到 HTML 元素的英文释译,例如: * title - ...

    CSS命名规范(个人总结)

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

    CSS编码规范.docx

    1. **文件命名规范** - 基础样式:base.css - 全局样式:global.css - 框架布局:layout.css - 字体样式:font.css - 链接样式:link.css - 打印样式:print.css 这种命名方式有助于区分和理解每个文件的功能...

    Css命名规范大全.docx

    CSS命名规范是前端开发中的重要组成部分,它有助于提高代码的可读性,降低维护成本,尤其是在团队合作中显得尤为重要。规范的CSS命名规则能够帮助开发者快速理解代码含义,提高工作效率。 首先,我们要区分class和...

Global site tag (gtag.js) - Google Analytics