DIV命名规范

 

DIV命名规范


  • 企业DIV使用频率高的命名方法

  • 网页内容类

    ---

    • 注释的写法: /* Footer */ 内容区/* End Footer */

    • 摘要: summary

    • 箭头: arrow

    • 商标: label

    • 网站标志: logo

    • 转角/圆角: corner

    • 横幅广告: banner

    • 子菜单: subMenu

    • 搜索: search

    • 搜索框: searchBox

    • 登录: login

    • 登录条:loginbar

    • 工具条: toolbar

    • 下拉: drop

    • 标签页: tab

    • 当前的: current

    • 列表: list

    • 滚动: scroll

    • 服务: service

    • 提示信息: msg

    • 热点:hot

    • 新闻: news

    • 小技巧: tips

    • 下载: download

    • 栏目标题: title

    • 热点: hot

    • 加入: joinus

    • 注册: regsiter

    • 指南: guide

    • 友情链接: friendlink

    • 状态: status

    • 版权: copyright

    • 按钮: btn

    • 合作伙伴: partner

    • 投票: vote

    • 左右中:left right center

    • 标题: title

  • id的命名:

    ---

    • 导航:nav

    • 主导航:mainbav

    • 子导航:subnav

    • 顶导航:topnav

    • 边导航:sidebar

    • 左导航:leftsidebar

    • 右导航:rightsidebar

    • 菜单:menu

    • 子菜单:submenu

    • 标题: title

    • 摘要: summary

    • 容器: container

    • 页头:header

    • 内容:content/container

    • 页面主体:main

    • 页尾:footer

    • 导航:nav

    • 侧栏:sidebar

    • 栏目:column

    • 页面外围控制整体布局宽度:wrapper

    • 左右中:left right center

    • 页面结构

      ---

    • 导航


    • 标志:logo

    • 广告:banner

    • 登陆:login

    • 登录条:loginbar

    • 注册:regsiter

    • 搜索:search

    • 功能区:shop

    • 标题:title

    • 加入:joinus

    • 状态:status

    • 按钮:btn

    • 滚动:scroll

    • 标签页:tab

    • 文章列表:list

    • 提示信息:msg

    • 当前的: current

    • 小技巧:tips

    • 图标: icon

    • 注释:note

    • 指南:guild

    • 服务:service

    • 热点:hot

    • 新闻:news

    • 下载:download

    • 投票:vote

    • 合作伙伴:partner

    • 友情链接:link

    • 版权:copyright

    • 功能

    • class的命名:

      • .barnews { }

      • .barproduct { }

      • .left { float:left; }

      • .bottom { float:bottom; }

      • .font12px { font-size: 12px; }

      • .font9px {font-size: 9pt; }

      • .red { color: red; }

      • .f60 { color: #f60; }

      • .ff8600 { color: #ff8600; }

      • 颜色:使用颜色的名称或者16进制代码,如

      • 字体大小,直接使用"font+字体大小"作为名称,如

      • 对齐样式,使用对齐目标的英文名称,如

      • 标题栏样式,使用"类别+功能"的方式命名,如

---

  • 注意事项::

    • 一律小写;

    • 尽量用英文;

    • 不加中杠和下划线;

    • 尽量不缩写,除非一看就明白的单词.

---

  • 推荐的 CSS 书写顺序:

    • color

    • font

    • text-decoration

    • text-align

    • vertical-align

    • white-space

    • other text

    • content

    • width

    • height

    • margin

    • padding

    • border

    • background

    • display

    • list-style

    • position

    • float

    • clear

    • 显示属性

    • 自身属性

    • 文本属性

div 命名规范! (野路子出来的好好看看)的更多相关文章

  1. html中css、div命名规范

    html中css.div命名规范 1.类class的命名规范示例 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column ...

  2. DIV命名规范

    DIV命名规范 企业DIV使用频率高的命名方法 网页内容类 --- 注释的写法: /* Footer */ 内容区/* End Footer */ 摘要: summary 箭头: arrow 商标:  ...

  3. DIV+CSS命名规范-转载2

    一.CSS文件及样式命名1.CSS文件命名规范 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.c ...

  4. DIV+CSS 规范命名集合

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

  5. [html] 有利于seo优化的div+css命名规范

    搜索引擎优化(seo)对命名规范有很多要求,下面是我收集的一些当下主流的命名(还是比较常用的): CSS样式命名 说明 网页公共命名 #wrapper 页面外围控制整体布局宽度 #container或 ...

  6. 野路子Java开发的一篇随笔

    园子的朋友们,一年半的时间大家过的还好吧?       流水它带走光阴的故事改变了我们,再次的见面我们又历经了多少的路程,落花流水,冷暖自知,这一年半,关于工作上的关键词只有两个:加班(996弱多了) ...

  7. CSS命名规范

    DIV+CSS规范命名大全集合 前端人员必看CSS命名规范 整理: 文件名必须由小写字母.数字.中划线组成 ).所有的命名最好都小写,一律采用小写加中划线的方式,不允许使用大写字母或 _2).属性的值 ...

  8. html页面的CSS、DIV命名规则

    CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...

  9. html,css命名规范 (转)

    HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁 方式: <meta charset="utf-8"> 1. ...

随机推荐

  1. UML图的种类

    一.作为一种建模语言,UML的定义包括UML语义和UML表示法两个部分. UML语义:描述基于UML的精确元模型定义. UML表示法:定义UML符号的表示法,为开发者或开发工具使用这些图形符号和文本语 ...

  2. arm安装cuda9.0,tensorflow-gpu, jetson tx2安装Jetpack踩坑合集

    因为要在arm(aarch64)架构的linux环境中安装tensorflow-gpu,但是官方tf网上没有对应的版本,所以我们找了好久,找到一个其他人编译好的tensorflow on arm的gi ...

  3. Android Studio Madual作为application的使用以及工作空间和modual的区别

    Android Studio Madual作为application的使用以及工作空间和modual的区别 前言: 写这篇文章的目的是因为自己使用Android Studio开发时进入了一个误区,后面 ...

  4. 005、mysql查询表的结构

    EXPLAIN hcc_ip 如果有一个表,表明为hcc_ip,使用以上语句可以得到下图 不忘初心,如果您认为这篇文章有价值,认同作者的付出,可以微信二维码打赏任意金额给作者(微信号:38247724 ...

  5. 干货分享:Essay写作收集论据的三个方法

    在很多时候,中国留学生写出的Essay在西方学术界看来是存在plagiarism的情况.并不是说咱们写的所有东西都是抄袭,而是思维逻辑和利用证据的方式与西方权威的academic writing不同. ...

  6. 快速幂(51Nod1046 A^B Mod C)

    快速幂也是比较常用的,原理在下面用代码解释,我们先看题. 51Nod1046 A^B Mod C 给出3个正整数A B C,求A^B Mod C. 例如,3 5 8,3^5 Mod 8 = 3. In ...

  7. HTML5新标签使用及CSS选择器(伪类)

    这些标签能够让搜索引擎更直接的解析页面内容. <header></header>语义:文档或者页面的头部 <nav></nav>语义:导航这两者不是组合 ...

  8. CNN:卷积输出分辨率计算

    卷积是CNN非常核心的操作,CNN主要就是通过卷积来实现特征提取的,在卷积操作的计算中会设计到几个概念:步长(strides).补充(padding).卷积核(kernel)等,那卷积的输出分辨率计算 ...

  9. ADFS 4.0 证书更新

    ADFS 4.0 证书更新 由于公网证书的过期,需要重新更新ADFS的服务通信证书: 证书要求: 带私钥 PFX格式 更换流程: 证书安装到 证书\计算机\个人,安装后点开证书能看到"你有一 ...

  10. 阿里云服务器centos下安装配置svn服务器

      阿里云服务器centos下安装配置svn服务器 1.安装svn服务器端yum install subversion      从镜像下载安装svn服务器端中间会提示是否ok,输入y,确认安装成功提 ...