div+css命名规范

opspider 2012-09-25

div+css命名规范页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu

子菜单:subMenu

搜索:search

滚动:scroll

页面主体:main

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

友情链接:friendLink

页脚:footer

加入:joinus

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:partner

版权:copyRight产品管理

CSS的Id命名规范

外套:wrap

主导航:mainNav

子导航:subnav

页脚:footer

整个页面:content

页眉:header

页脚:footer

商标:label

标题:title

主导航:mainNav(globalNav)

顶导航:topnav

边导航:sidebar

左导航:leftsideBar

右导航:rightsideBar

旗志:logo

标语:banner

菜单内容1:menu1Content

菜单容量:menuContainer

子菜单:submenu

边导航图标:sidebarIcon

注释:note

面包屑:breadCrumb(即页面所处位置导航提示)

容器:container

内容:content

搜索:search

登陆:login

功能区:shop(如购物车，收银台)

当前的：current

: opspider

相关推荐

CSS命名规范

简介CSS命名由小写的英文单词或组合命名，单词与单词之间通过“-”连接，常用的CSS命名规范有文本命名规范，页面结构命名规范，导航命名以及功能命名等。CSS 命名一般采用小写英文单词或组合命名，单词与单词之间以"-"分割，而且英文单词不

vavid 0喜欢 / 0评论 2020-06-07

这些 CSS 命名规范将省下你大把调试时间

我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。CSS 算不上是最优美的『语言』，但迄今二十多年来，它都是美化 web 举足轻重的工具。尽管如此，CSS 写得越多，你越容易发现一个巨大的弊端。因为维护 CSS 真是

CSSEIKOCS 0喜欢 / 0评论 2020-06-07

css权值和优先级+命名规范

important 在一定条件下，优先级最高。页面结构页头：header页面主体：main页尾：footer内容：content/container容器: container

yaodilu 0喜欢 / 0评论 2020-01-31

Web前端开发规范文档你需要知道的事（转）

规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

Remindhh 0喜欢 / 0评论 2013-05-14

HTML前端命名规则

6）所有页面默认都针对Firefox 等最接近标准的浏览器进行设计，然后使用 IE 特有条件注释功能进行针对性修正。7）请使用英文进行命名，尽量避免使用拼音。命名要求具有可读性，尽量避免使用缩写。

zhanghao 0喜欢 / 0评论 2019-12-22

前端代码规范

所有前端的文件名，包括.html、.vm、.css、.less、.js、图片、目录的命名必须以全小写，名称不宜过长、单词的分割用（-）减号分割，HTML代码规范适用于所有HTML页面、Velocity模板页面的内容、及js或后台逻辑拼装的HTML标签字

sanlingwu 0喜欢 / 0评论 2015-03-10

前端人员必看CSS命名规范

作为前端的设计人员，对于CSS的接触，就像吃饭一样。所以CSS命名规范命名是前端人员必看的。文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。通用的CSS文件，放在如下目录中：业务类的CSS是指和具体产

buttonChan 0喜欢 / 0评论 2017-11-20

关于css的class命名中下划线的讨论

之前有同学查到class命名尽量不要用下划线，建议用横线-，或者用驼峰命名法。网上给的解释是：避免css属性名和值混合；另外IE6中不支持_开头的类名，例如_top这种不支持。在做css检查时会出现错误提示，因此要避免使用下划线命名。为此得找一个能代替下划

JohnnyPig 0喜欢 / 0评论 2018-03-11

java编码规范

src main 源码目录 main/java java源文件 main/resources 其他资源，如checkstyle脚本 main/webapp Web应用目录 main/config 配置文件模版 main/filters 不同profile下

Juey 0喜欢 / 0评论 2013-06-11

前端编码规范之：样式（scss）编码规范

我比较推崇bootstrap的样式目录结构，class命名方式。推荐bootstrap样式框架的编码规范，同时结合BEM命名规范，灵活使用。避免过度任意的简写。class 名称应当尽可能短，并且意义明确。使用 .js-* class 来标识行为，并且不要将

xxuncle 0喜欢 / 0评论 2019-06-28

Web语义化详解

Web语义化主要包括：HTTP语义化、HTML语义化和CSS命名语义话。对于HTML体系而言，Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和机器都容易理解。如<h1>标签的表现样式是粗体，字体大小2em，其样

e度空间 0喜欢 / 0评论 2016-07-21

前端代码规范

前端代码规范前端文件及目录命名规范前端文件及目录命名规范包括所有html、vm、css、less、js、图片等文件、目录的命名上。HTML代码规范HTML代码规范适用于所有HTML页面、Velocity模板页面的内容、及js或后台逻辑拼装的HTML标签字符

hcl 0喜欢 / 0评论 2016-01-18

DIV+CSS规范命名大全集合

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容篇。DIVCSS5给大家介绍常见CSS命名和DIV CSS命名方法。DIV+CSS命名小结：无论是使用“.”选择符

hfszy0 0喜欢 / 0评论 2015-12-21

常用html、CSS、javascript前端命名规范

无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。html书写规范1. 文档类型声明及编码: 统一为html5声明类型<!DOCTYPE html&g

xvzhengyang 0喜欢 / 0评论 2015-12-21

html类,id命名规范

网页中使用规范的css和id命名原则，有利于提高团队效率，减少后期维护成本，良好的结构对SEO也有作用，是对代码的优化是一个很关键的步骤。外套wrap------------------用于最外层。主要内容main------------用于主体内容（中部

李鴻耀 0喜欢 / 0评论 2015-09-02

前端代码规范

前端文件及目录命名规范前端文件及目录命名规范包括所有html、vm、css、less、js、图片等文件、目录的命名上。所有前端的文件名，包括.html、.vm、.css、.less、.js、图片、目录的命名必须以全小写，名称不宜过长、单词的分割用（-）

starleejay 0喜欢 / 0评论 2015-03-10

HTML、CSS知识学习与整理

大驼峰命名法：首字母大写。不得含有空格。建议只使用小写字母，除了某些为说明文件的情况，一般均不使用大写字母。包含多个单词时，单词间使用半角的连词线（-）分割。引入资源使用相对路径，一般情况下不要指定资源所带的具体协议。1) static：元素块正

libowen0 0喜欢 / 0评论 2019-06-27

css命名和书写规范

前言在项目开发中对于css名字的命名和书写老是感觉很混乱，这对于代码的可读性以及维护提出了挑战，所以在闲暇之余看了一些这方面的内容，现总结如下...}16.项目命名的时候采用这种方式my_project_name17.媒体查询规则靠近与他们相关的规则，不要

afeichuanqi 0喜欢 / 0评论 2019-06-26

css 命名规范 BEM

在项目的开发过程当中, 我们往往因为日益复杂的css代码而感到力不从心. 如何合理的组织css代码成为了我们前端开发过程中必须考虑到的环节.在读element源代码的时候, 了解到了BEM的命名风格.使用 BEM 命名规范，理论上讲，每行 css 代码都只

yezi 0喜欢 / 0评论 2019-06-26

CSS命名规范（规则）

----------------------------------------------------------------------CSS样式表文件命名主要的 master.css模块 module.css基本共用 base.css布局、版面 la

hlfsunshine 0喜欢 / 0评论 2014-04-01

好的 CSS 命名规范可以节约 Debug 时间

使用连字符（'-'）分隔字符串。}这是一个标准的 CSS 命名规则，有更好的可读性。此外，他和 CSS 属性名称一致。团队有不同的方法来编写 CSS 选择器。一些团队使用连字符分隔符，而其他团队则倾向于使用更加结构化的称为 BEM 的命名规范。这是一个火柴

葉無聞 0喜欢 / 0评论 2019-06-26

css命名规范

建议大家用的css命名规则2011-05-17 10:05 站长之家站长之家字号：T|T相信大家对css样式命名都多少感到困难，特别是想起一个有意义的名，更难。本文作者整理了样式的命名规则，希望能更实用些。每个人的CSS命名规则都不一样，给后期维护人员带

zhouguizhi 0喜欢 / 0评论 2013-12-27

BEM命名及其在sass中的实践

Why use it近几年web应用的发展可以用疯狂来形容，依靠浏览器的支持以及前端技术和框架的发展，很多应用已经把大量的逻辑从服务器端迁移到了浏览器端，使用前后端分离技术，浏览器端与用户进行交互来完成复杂的逻辑。由于这个发展趋势，Web应用的前端代码的复

wcssdu 0喜欢 / 0评论 2019-06-26

程序猿小白应该注意什么

在学校敲代码的时候，考虑的可能是怎么实现这个功能，怎么样把功能做的酷一点，可是当你进入了公司，你就会发现可能代码把功能实现是一方面的，你代码还需要良好的代码风格，命名规范，可读性易于维护，以及性能等等，so出现了下面这篇文章。1命名规则按照惯例，ECMAS

陈浩 0喜欢 / 0评论 2019-06-25

网页设计前端页面制作的规范要求和注意事项（转）

1．尽量把页面的背景图及小图标整合到一张图片，用CSS定位方法。这样以减少http请求，从而降底网站的下载速度。2．尊从内容与页面样式的脱离，如需要，同样也要做到布局与COLOR的脱离。1）页面代码，做到精简，逻辑性清楚；公用部位可以引入进来，比如头部，脚

liboqiao 0喜欢 / 0评论 2013-06-14

Web前端开发规范文档你需要知道的事（转）

规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

huanghuang 0喜欢 / 0评论 2013-05-14

开发备必：WEB前端开发规范文档

规范目的　　为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.css

huanghuang 0喜欢 / 0评论 2013-03-21

CSS命名规范中英文对照表【转载】

主题 themes.css二、CSS注释。/*Stylefor项目名称*///给某项目的样式。/*User-definedglobalstyle*///自定义全局样式。/*Common Pages style*/ //公共页面用样式三、CSS ID 的命名

aSuncat 0喜欢 / 0评论 2012-12-28

CSS命名规范

（二）注释的写法:. （三）id的命名:. 页面外围控制整体布局宽度：wrapper. 颜色:使用颜色的名称或者16进制代码,如。字体大小,直接使用"font+字体大小"作为名称,如。对齐样式,使用对齐目标的英文名称,如。标题栏样式,使

hellowzm 0喜欢 / 0评论 2012-12-28

div+css命名规范嫁接android xml命名

　　页面外围控制整体布局宽度：wrapper. XHTML文件中id的命名。字体大小,直接使用"font+字体大小"作为名称,如。对齐样式,使用对齐目标的英文名称,如。标题栏样式,使用"类别+功能"的方式命名,如。其

王为仁 0喜欢 / 0评论 2012-12-03

(转)开发备必：WEB前端开发规范文档

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.符合web标准,语义化html,结

zmminer 0喜欢 / 0评论 2012-11-27

CSS命名规范

本篇介绍几种CSS命名规范。通过使用后代选择器，==后代选择器不需要考虑名字是否已被使用==，因为只在当前模块生效 . 出现率高的做成基类，再做扩展类：基类+扩展类：class="m-list m-list-2” class="

wcssdu 0喜欢 / 0评论 2019-06-21

Web前端开发规范文档你需要知道的事

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.

startXUEBA 0喜欢 / 0评论 2012-09-14

Web前端开发规范文档你需要知道的事

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

WinerChopin 0喜欢 / 0评论 2012-09-11

Web前端开发规范文档

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.符合web标准,语义化html,结

zmminer 0喜欢 / 0评论 2012-08-30

<转>CSS命名规范大全

一．文件命名规范。引用主要的 master.css布局，版面layout.css. 网站常用中英文对照表

福叔 0喜欢 / 0评论 2011-10-22

Web前端开发规范一例

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.符合web标准,语义化html,结

WinerChopin 0喜欢 / 0评论 2011-07-19

DIV+CSS规范命名集合

为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：。下面列出一些常用的命名单词方便大家使用：（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，

startXUEBA 0喜欢 / 0评论 2011-07-03

CSS命名规范

最常见的是以px为单位的固定布局，需要定义以px单位的页面通常是栅格布局。那么不了解栅格的朋友可以先看看，"网页的栅格系统设计". 首先保证页面的宽度一定是950px,分成24列，这个时候就要定义24种可能情况的宽度。蓝图的各种列宽定义

teresalxm 0喜欢 / 0评论 2011-04-29

Web前端开发规范文档

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.符合web标准,语义化html,

bluemengcom 0喜欢 / 0评论 2011-04-20

css命名规范前端技术须知

按web标准来进行网站设计时,尤其是比较大型的门户站,会发现用的css会特别多,名字随意命名,别人根本看不明白,有时候连自己都会找不着北.看一个人做的网站专业不专业，css的取名也可以反映出来，所以我觉得css命名习惯要做好,我也慢慢的为自己建立一个自己的

每天积累一点点 0喜欢 / 0评论 2011-04-06

关于CSS（DIV属性，背景，连接，边框，虚线，实线，布局与命名）

然而随心所欲的为这些类以及id命名则并不是个好的习惯。这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义，因此满足了标识页面元素以及相应的CSS样式的需要。有标记的相关信息都是用来描述文档的结构而不是外观。这样的特点使得我们

startXUEBA 0喜欢 / 0评论 2011-02-28

web 前端开发规范

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.符合web标准,语义化html,结

沈宫新 0喜欢 / 0评论 2011-02-22

Web前端开发规范文档你需要知道的事

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.

月光恋九霄 0喜欢 / 0评论 2013-03-08

BEM思想（css命名规范）

在团队开发中，由于缺乏规范，样式管理一直是开发中的痛点，样式污染，难以定制化，依赖性高，各种问题层出不穷。而BEM是一个非常有用，强大，简单的命名约定，可以让你的前端代码更容易阅读和理解，更容易协作，更容易控制。当然，通常人们会认为BEM写法难看，但是他的

buttonChan 0喜欢 / 0评论 2018-10-26

常用的CSS命名规范大总结，非常实用（收藏）

head.css：头部样式，当多个页面头部设计风格相同时使用。base.css：共用样式。global.css：页面样式基础，全局公用样式，页面中必须包含。module.css：模块，用于产品类页，也可与其它样式配合使用。mend.css：补丁，基于以

张大晴 0喜欢 / 0评论 2019-04-25

常用的CSS命名规范大总结，非常实用（收藏）

head.css：头部样式，当多个页面头部设计风格相同时使用。base.css：共用样式。global.css：页面样式基础，全局公用样式，页面中必须包含。module.css：模块，用于产品类页，也可与其它样式配合使用。mend.css：补丁，基于以

whiteFJ 0喜欢 / 0评论 2019-04-25

web前端开发工程师需要注意的web前端开发规范有哪些

b)取父级元素id/class命名部分命名;

liangjielaoshi 0喜欢 / 0评论 2018-10-15

扣丁学堂简述web前端开发有哪些规范

之间;非特殊情况下JavaScript文件必须外链至页面底部;

强子 0喜欢 / 0评论 2018-10-13