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命名规范 企业DIV使用频率高的命名方法 网页内容类 --- 注释的写法: /* Footer */ 内容区/* End Footer */ 摘要: summary 箭头: ...
- 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或 ...
- 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. ...
- css 命名规范
网站头部: head/header(头部) top(顶部) 导航: nanv 导航具体区分:topnav(顶部导航).mainnav(主导航).mininav(迷你导航).textna ...
随机推荐
- 前端CSS css引入方式 css选择器 css选择器优先级
一. CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表 ...
- keepalived企业管理
实践案例一:更改nginx反向代理只监听vip地址 10.0.0.3/nana.html 可以使用 10.0.0.5/nana.html 不可以使用 10.0.0.6/nana.html 不可以使 ...
- ButterKnife 8.4注入失败
1,第一步:项目的gradle中增加 classpath 'com.neenbedankt.gradle.plugins:android-apt:1.8'buildscript { repositor ...
- python爬取抖音APP视频教程
本文讲述爬取抖音APP视频数据(本文未完,后面还有很多地方优化总结) 公众号回复:抖音 即可获取源码 1.APP抓包教程,需要用到fiddler fiddler配置和使用查看>>王者荣耀盒 ...
- Photoshop入门教程（四）：混合模式
学习心得:混合模式在Photoshop常容易被忽视,最大原因就是它所处的位置比较隐蔽,在图层面板左上部的角落里.使用混合模式,决定图像中上图层像素如何与图像中的下层像素进行混合,使图层的叠加更加炫酷. ...
- shell脚本学习（1）
格式: #!/bin/bash :标志一个shell脚本 #Filename:first_shell.sh :文件名称 #a ...
- from表单，图片预览，和表单提交
<form> <input id="file" class="topsub-file" type="file" name= ...
- ETL的两种架构（ETL架构和ELT架构）
ETL ETL,是英文 Extract-Transform-Load 的缩写,用来描述将数据从来源端经过抽取(extract).转换(transform).加载(load)至目的端的过程.ETL一词 ...
- vue 的watch用法
参考转自https://www.imooc.com/article/details/id/28187 类型:{ [key: string]: string | Function | Object | ...
- select获取到option的value和text方法
function getSelectval(id){ var selId = document.getElementById(id); //获取select的id var seleIndex =sel ...