【CSS】规范大纲
文件规范:
文件分类 : 通用类 ;业务类。
       文件引入:行内样式(不推荐);外联引入;内联引入。(避免使用Import引入)
       文件本身:文件名。
                编码:UTF-8。
注释规范:
块状注释:统一缩进,在被注释对象之上。
        单行注释:文字两端空格 ,在被注释对象之上。
        行内注释:文字两端空格,放分号后面。
命名规范:
CSS选择器命名: 
               分类命名:如外部wrap命名g-开头内部 m-开头。
               命名格式:大小写(建议小写) 长度(缩写 权衡长度和可读性)。
               语义化命名:以内容语义来命名。
书写规范:
CSS书写规范:
单行或多行。
                空格与分号:
      空格:缩进 2个或4个)规则内空格
      分号:是否保留最后一个属性值得分号
                属性顺序:按属性重要性顺序书写(先显示属性 再自身属性 最后文本属性和其他修饰性属性)
                Hack方式: 如IE6前加_   IE6/7前加*,不要滥用Hack;
                统一属性值:如color怎么写 一般选#xxx,url()里面是否有引号 单引或双引
其他规范:
文档声明:首行2顶格开始
       闭合:闭合标签、自闭合标签最后面/要不要
       属性:单引或双引 
       层级:用缩进体现层级 标签正确嵌套 嵌套不能太深
       注释相关。
       大小写: 建议标签、属性均小写
       图片规范:
                 文件名称:根据语义及图片尺寸。
                 保留源文件。
                 图片合并。
【CSS】规范大纲的更多相关文章
- Scoped CSS规范草案
		
原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped-CSS 写在前面 问:什么是Scoped CSS规范? Scoped CSS规范是We ...
 - Atitit.css 规范 bem  项目中 CSS 的组织和管理
		
Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 ...
 - 前端CSS规范整理_转载、、、
		
一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用U ...
 - 瞬间从IT屌丝变大神——CSS规范
		
CSS规范主要包括以下内容: CSS Reset用YUI的CSS Reset. CSS采用CSSReset+common.css+app.css的形式. app.css采用分工制,一个前端工程师负责一 ...
 - [转]前端CSS规范整理
		
一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用 ...
 - 新手不得不注意HTML CSS 规范
		
作为一名新进的程序菜鸟,根本不知道从哪里开始学起好,前辈都说HTML CSS 规范是一个十分需要注意的点,要我记下,特地转来保存一下,大家相互学习 //总论 本规范既然一个开发规范,也是一个脚本语言参 ...
 - 前端CSS规范大全
		
一.文件规范 1.文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解): 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用 ...
 - Web前端开发中的各种CSS规范
		
Reference: http://yusi123.com/2866.html 一.文件规范 1.文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解): 所有的CSS分为两大类:通用类和 ...
 - 前端开发规范:命名规范、html 规范、css 规范、js 规范
		
上周小组的培训内容是代码可读性艺术,主要分享如何命名.如何优化代码排版,如何写好的注释.我们都知道写出优雅的代码是成为大牛的必经之路. 下面感谢一位前端开发小伙伴总结的前端开发规范,通过学习相关开发规 ...
 - CSS规范 - 分类方法
		
CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”.“特殊型样式”.“皮肤型 ...
 
随机推荐
- Nessus 用好的网络(比如热点)就可以正常在线更新扫描插件了
			
折腾那么多不如直接开热点 nethogs 实时查看网络流量 ( linux下 )
 - python模块-datetime模块
			
上面一篇已经讲了time模块,再来学习datetime模块. datetime主要有datetime.timedelta.time.date这4个子模块. a.datetime常用的函数(dateti ...
 - Python: C扩展初体验
			
前言 使用 Python 毋庸置疑减少了很多规则约束和开发成本,让我们能够更加专注于逻辑而非语法.但是得此失彼,开发效率提高了,却带来了运行性能的问题,所以就常常被其他门派追着暴打. 身为一个 pyt ...
 - js,jsp里将数据库Date类型获取出来后格式化显示于界面
			
js:new Date(rowdata.updateTime).format("yyyy-MM-dd hh:mm:ss") jsp: <fmt:formatDate valu ...
 - list add()  和 addall()的区别
			
http://blog.tianya.cn/post-4777591 如果有多个已经被实例化的List 集合,想要把他们组合成一个整体,并且,这里必须直接使用List 自身提供的一个方法List.ad ...
 - LINUX系统下跑分测试脚本:unixbench.sh
			
linux 系统跑分测试脚本: 一.下载脚本: wget http://teddysun.com/wp-content/uploads/unixbench.sh 二.更改权限: ...
 - Jenkins服务器维护
			
Jenkins服务器维护 以下是一些基本的活动,一些是对 Jenkins 服务器维护的最佳实践 URL选项 在 Jenkins 实例 URL 有以下命令将开展对Jenkins实例的相关动作. http ...
 - PHPCMS V9 二次开发常用代码集
			
0:调用最新文章,带所在版块 {pc:get sql="SELECT a.title, a.catid, b.catid, b.catname, a.url as turl ,b.url a ...
 - Robot的使用
			
在Java中,有一个类,非常神奇,它能帮助你完成某些任务,例如:打开笔记本/QQ等. 今天,我就说一下Robot类的使用方法吧,做一个打开记事本的小程序. 1.准备工作 JDK:不知道的别看了 开发工 ...
 - Nginx内置的嵌入变量
			
Nginx核心模块ngx_http_core_module自带有许多内置嵌入的变量,这些变量方便我们配置和使用nginx,在nginx的配置文件中我们可以以$开头直接使用这些变量,这些变量表示客户端请 ...