`
hongan
  • 浏览: 175679 次
  • 性别: Icon_minigender_1
  • 来自: 佛山
社区版块
存档分类
最新评论

css命名规范

CSS 
阅读更多

css命名规范
css 命名规范
作者:match 日期:2007-03-13
字体大小: 小 中 大
页头: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命名规范CSS命名规范

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

    web前端+css命名 规范

    首先,我们了解CSS命名规范的基本原则: 1. **有意义的命名**:选择能够明确描述元素功能或状态的名称,如`btn-primary`代表主要按钮,`user-info`表示用户信息区域。 2. **避免使用ID选择器**:在CSS中,ID选择器...

    CSS命名规范(个人总结)

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

    css命名规范(英文命名)

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

    CSS命名规则

    一个良好的CSS命名规则对于代码的可读性、可维护性和团队协作至关重要。本篇将深入探讨CSS命名规则,并提供一些实用的指导原则。 一、命名规范 1. 唯一性:每个CSS类名应具有唯一性,确保它只代表一种特定的样式,...

    常用的CSS命名规则

    常用的CSS命名规则

    CSS命名规范

    css一些标签的命名规范,作为前端的设计人员,对于CSS的接触,就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。 文章整理了Web前端开发中的常用的一些CSS规范

    前端常用css命名规范

    为什么要制定CSS命名规范? 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化。 CSS命名规则 1. 样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。由以...

    css命名规则

    css命名规范命名规范命名规范命名规范命名规范

    常用的css命名规则.txt

    常用的css命名规则 css代码中一些常用的规范名称

    css命名规范.doc

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

    SEO优化中的div+css命名规则

    **一、CSS命名规范** 1. **有意义的命名**:避免使用无意义的ID或类名,如“div1”,“box”等。应采用描述性的名称,如“header”、“content”、“footer”等,这能帮助搜索引擎理解页面结构。 2. **简洁性**:...

    css命名规则.txt

    css命名规则.txt,这个虽然只有不到100行,但却非常详细,能够帮助网页设计师创建高质量css代码的标签。

    div+css命名规范

    为了提高代码的可读性和团队协作效率,遵循一定的CSS命名规范至关重要。以下是一些常见的Div+CSS命名规则和实例: 1. **容器与模块**: - `container` 或 `box`:用于表示页面的主要或局部容器,通常包裹其他元素...

    Css命名规范大全.docx

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

Global site tag (gtag.js) - Google Analytics