div 命名规范！ （野路子出来的好好看看）
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左右中：
leftrightcenter标题:
titleid的命名:
---
导航：
nav主导航：
mainbav子导航：
subnav顶导航：
topnav边导航：
sidebar左导航：
leftsidebar右导航：
rightsidebar菜单：
menu子菜单：
submenu标题:
title摘要:
summary容器:
container页头：
header内容：
content/container页面主体：
main页尾：
footer导航：
nav侧栏：
sidebar栏目：
column页面外围控制整体布局宽度：
wrapper左右中：
leftrightcenter页面结构
---
导航
标志：
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书写顺序：colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontentwidthheightmarginpaddingborderbackgrounddisplaylist-stylepositionfloatclear显示属性
自身属性
文本属性
div 命名规范！ （野路子出来的好好看看）的更多相关文章
- html中css、div命名规范
html中css.div命名规范 1.类class的命名规范示例 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column ...
- DIV命名规范
DIV命名规范 企业DIV使用频率高的命名方法 网页内容类 --- 注释的写法: /* Footer */ 内容区/* End Footer */ 摘要: summary 箭头: arrow 商标: ...
- DIV+CSS命名规范-转载2
一.CSS文件及样式命名1.CSS文件命名规范 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.c ...
- DIV+CSS 规范命名集合
一: 命名规范说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="d ...
- [html] 有利于seo优化的div+css命名规范
搜索引擎优化(seo)对命名规范有很多要求,下面是我收集的一些当下主流的命名(还是比较常用的): CSS样式命名 说明 网页公共命名 #wrapper 页面外围控制整体布局宽度 #container或 ...
- 野路子Java开发的一篇随笔
园子的朋友们,一年半的时间大家过的还好吧? 流水它带走光阴的故事改变了我们,再次的见面我们又历经了多少的路程,落花流水,冷暖自知,这一年半,关于工作上的关键词只有两个:加班(996弱多了) ...
- CSS命名规范
DIV+CSS规范命名大全集合 前端人员必看CSS命名规范 整理: 文件名必须由小写字母.数字.中划线组成 ).所有的命名最好都小写,一律采用小写加中划线的方式,不允许使用大写字母或 _2).属性的值 ...
- html页面的CSS、DIV命名规则
CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...
- html，css命名规范 （转）
HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁 方式: <meta charset="utf-8"> 1. ...
随机推荐
- ProxyPass与ProxyPassReverse及ProxyPassMatch的概述
转载自:https://blog.csdn.net/xiaokui_wingfly/article/details/51481653 apache中的mod_proxy模块主要作用就是进行url的转发 ...
- StringUtils.format用法
String.format()字符串常规类型格式化的两种重载方式 format(String format, Object… args) 新字符串使用本地语言环境,制定字符串格式和参数生成格式化的新字 ...
- React + umi +antd+antv/g6 实现力图
官方示例效果:http://antv.alipay.com/zh-cn/g6/2.x/demo/net/2017-link-data.html 改编效果: 实现步骤: 环境:nodejs.yarn/n ...
- SQL笔记整理
- 如何在MySQL目录下找到my.ini
1. 打开ProgramData目录 2. 进入目录C:\ProgramData\MySQL\MySQL Server 8.0
- 【每日Scrum】第四天冲刺
一.计划会议内容 连接数据库报错,解决问题中. 二.任务看板 三.scrum讨论照片 四.产品的状态 无 五.任务燃尽图
- UVA 11468 AC 自动机
首先我们应该是枚举 L个位置上的每个字符来得到最终概率 然后AC自动机的作用就是为了判断你枚举的地方是否对应了单词节点,如果对应了,就肯定要不得 #include <iostream> # ...
- 5）添加一个tab
1)还是按照(4)的代码:2) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~ ...
- 排序算法 python实现
一.排序的基本概念和分类 所谓排序,就是使一串记录,按照其中的某个或某些关键字的大小,递增或递减的排列起来的操作.排序算法,就是如何使得记录按照要求排列的方法. 排序的稳定性: 经过某种排序后,如果两 ...
- 基于python的arcgis底图添加（转）
本文翻译自:Qingkai‘s Blog 当使用python的Basemap库绘制地图时,选择一个漂亮的底图会为图片增色不少,但是使用map.bluemarble().map.etopo()或者map ...