使用约定俗称的命名规范有助于我们的代码阅读和维护。

  常用命名:

  

  wrap  外套       ———————— 用于最外层

  container 容器  ————————  和外套相似,用于做容器

  header 头部  ———————— 用于头部

  nav 导航 ———————————— 网页菜单导航条

  content 内容 —————————— 用于网页中的中部主体

  title标题 ————————————栏目标题,一般配合h标签使用

  main 主要内容  ———————— 用于主体内容(中部)

  main-left 主体内容左部 —————— 用于主体内容的左边

  main-right 主体内容的右部—————— 用于主体内容的右部

  banner 广告条

logo 标记

  menu 菜单

  copyright 版权

  

  更多:
  (1)CSS样式命名:
  wrapper:页面外围控制整体布局宽度
  container,content:容器,用于最外层
  layout:布局
  head, header:页头部分
  foot,footer:页脚部分
  nav:主导航
  subnav:二级导航
  menu:菜单
  submenu:子菜单
  sidebar:侧栏
  sidebar_a, sidebar_b:左边栏或右边栏
  tag:标签
  msg,message:提示信息
  tips:小技巧
  vote:投票
  friendlink:友情连接
  summary:摘要
  loginbar:登录条
  searchInput:搜索输入框
  hot:热门热点
  search:搜索
  search_output:搜索输出和搜索结果相似
  searchbar:搜索条
  search_results:搜索结果
  branding:商标
  siteinfo:网站信息
  siteinfolegal:法律声明
  siteinfocredits:信誉
  joinus:加入我们
  partner:合作伙伴
  service:服务
  regsiter:注册
  arr/arrow:箭头
  guild:指南
  sitemap:网站地图
  list:列表
  homepage:首页
  subpage:二级页面子页面
  tool, toolbar:工具条
  drop:下拉
  dorpmenu:下拉菜单
  status:状态
  scroll:滚动
  tab:标签页
  left,right,center:居左、中、右
  news:新闻
  download:下载
  products:产品
  products_prices:产品价格
  products_description:产品描述
  products_review:产品评论
  editor_review:编辑评论
  news_release:最新产品
  publisher:生产商
  screenshot:缩略图
  faqs:常见问题
  keyword:关键词
  blog:博客
  forum:论坛

  (2)CSS文件命名:
  master.css,style.css------------主要的
  module.css---------------------模块
  base.css------------------------基本共用
  layout.css----------------------布局,版面
  themes.css---------------------主题
  columns.css--------------------专栏
  font.css------------------------文字、字体
  forms.css-----------------------表单
  mend.css-----------------------补丁
  print.css-----------------------打印

  

  

CSS的命名的更多相关文章

  1. DIV+CSS规范命名大全

    网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...

  2. css的命名规则

    本文转载自谈笑涧<css的命名规则> 操作系统版本:Windows 7 浏览器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.35 ...

  3. 有利于SEO优化的DIV+CSS的命名规则小结

    可以先去这里温习一下CSS和HTML的知识!DIV+CSS规范命名大全集合  CSS开发技巧整理 一.CSS文件及样式命名 1.CSS文件命名规范 全局样式:global.css/master.css ...

  4. DIV+CSS规范命名大全集合

    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-19)   网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DI ...

  5. CSS 的命名和书写

    CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) ...

  6. DIV+CSS规范命名

    一.命名规则说明: 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="div ...

  7. DIV+CSS布局命名规范

    一.命名规则说明 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divc ...

  8. DIV+CSS 规范命名集合

    一: 命名规范说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="d ...

  9. CSS样式命名整理(非原创)

    非原创,具体出自哪里忘了,如果侵害您的利益,请联系我. CSS样式命名整理 页面结构 容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体 ...

随机推荐

  1. BatteryWarning 电池预警

    MTK BatteryWarning 在mediatek/external/batterywarning下,会编译生成一个可执行文件:batterywraning main()函数中,会间断读取 /s ...

  2. MySQL密码破解。

    与其说是mysql密码破解倒不如说是mysql密码重置更准确,因为大多数情况下我们只是忘了登录的密码,如果是普通用户还可以让管理员重新设置一下密码或者重新分配一个用户,但是这里我们不考虑普通用户,如果 ...

  3. 十一、oracle 数据库管理员

    一.数据库管理员每个oracle数据库应该至少有一个数据库管理员(dba),对于一个小的数据库,一个dba就够了,但是对于一个大的数据库可能需要多个dba分担不同的管理职责.那么一个数据库管理员的主要 ...

  4. robot framework -重点记录

    1.s2l打开的driver和webdriver打开的driver不是同一个driver. rf打开的浏览器.调用的是s2l的driver,而自己的库用的是webdriver的driver,这样在rf ...

  5. RPC框架基本原理(二):客户端注册

    客户端的注册流程如下 核心功能主要如下: 1.生成调用远程HSF服务的代理 此代理的效果为生成ServiceMetadata中指定的interface的代理,调用时可将代理转型为服务接口,并进行直接的 ...

  6. 使用非 GUI 模式运行 JMeter 压力测试

    使用非 GUI 模式,即命令行模式运行 JMeter 测试脚本能够大大缩减所需要的系统资源.使用命令jmeter -n -t <testplan filename> -l <list ...

  7. PE结构之重定位表

    什么是重定位: 重定位就是你本来这个程序理论上要占据这个地址,但是由于某种原因,这个地址现在不能让你占用,你必须转移到别的地址,这就需要基址重定位.你可能会问,不是说过每个进程都有自己独立的虚拟地址空 ...

  8. WinDbg抓取程序报错dump文件的方法

    程序崩溃的两种主要现象: a. 程序在运行中的时候,突然弹出错误窗口,然后点错误窗口的确定时,程序直接关闭 例如: “应用程序错误” “C++错误之类的窗口” “程序无响应” “假死”等 此种崩溃特点 ...

  9. 弹出框,先弹出遮罩有透明度灰色100%高宽,置顶z-index:999---再弹出框最顶部z-index:9999

    <div class="mask"></div> <div class="maskbox"> <form id=&qu ...

  10. Balancing Symbols

    symbols匹配问题 #include<iostream> #include<string> using namespace std; struct Node { char ...