怎么给div+css样式表命名的规则

DIV+CSS样式表命名不能随意而为,否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样,DIV+CSS样式表命名也需要遵循规则。DIV+CSS样式表的id的常用命名规则如下表所示:页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 ...
怎么给div+css样式表命名的规则
DIV+CSS样式表命名不能随意而为,否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样,DIV+CSS样式表命名也需要遵循规则。

DIV+CSS样式表的id的常用命名规则如下表所示:
页头 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

DIV+CSS样式表的class的常用命名规则如下表所示:
外 套 wrap 主导航 mainNav 子导航 subnav
页 脚 footer 整个页面 content 页 眉 header
商 标 label 标 题 title 主导航 mainNav
边导航 sidebar 左导航 leftsideBar 右导航 rightsideBar
旗 志 logo 标 语 banner 菜单内容 menu1Content
菜单容量 menuContainer 子菜单 submenu 边导航图标 sidebarIcon
注释 note 面包屑 breadCrumb 容器 container
内容 content 搜索 search 登陆 login
功能区 shop 当前的 current2015-12-04
mengvlog 阅读 880 次 更新于 2025-09-09 09:59:23 我来答关注问题0
  •  yfcp 怎么给div+css样式表命名的规则

    也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。 再讲一下div+css样式表的class的常用命名规则如下表所示: 外套wrap主导航mainNav子导航subnav页脚footer整个页面content页眉header商标lab...

  • DIV+CSS样式表的id的常用命名规则如下表所示:页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 subNav 菜单 menu 子菜单 subMenu 搜索 search 滚动 scroll 页面主体 main 内容 content 标签页 ...

  •  leonard816 怎么定义1个DIV的CSS样式?

    .blue{color:#00f;} 这里样式名称前面的符号是".",则通过div里面的class属性来匹配样式不过,在HTML如果是这样。 dfsad adasdfas 如果要控制id为a中的p的话,可以把CSS的选择器写成 a p{ 各种样式;} CSS中用空格来表...

  •  倾城的小雨 说错了,是HTML的命名规则是什么

    1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"/"5)、表现与结构完全分离,代码中不涉及任何的表现元素...

  • css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。1、一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。2、常见的人们约定的命名习惯为:头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部