css规范<一>

详见<http://www.cnblogs.com/hustskyking/p/css-spec.html>

1.每个样式属性后加 ";"------------方便压缩工具"断句"。

2.空格的使用

1 .hotel-content {
2      display: none; }

.选择器与 { 之前要有空格

.属性名的 : 后要有空格

.属性名的 : 前不加空格

3.多选择器之间必须换行,这样比较清晰,

a.btn,
 input.btn,
 input{
      display:none;
       }

4.Class中尽量不出现大写字母,采用"-"分割,这样比较清晰,

1 /* 正确的写法 */
2  .hotel-title {
3      font-weight: bold; }/* 不推荐的写法 */
4  .hotelTitle {
5      font-weight: bold; }

5.不要将样式写成单行,这样不方便注释,

1 hotel-content {margin: 10px; background-color: #efefef;}

6.尽量不要用"*"来选择元素

1 /*别这样写*/
2 * {
3     margin: 0;
4     padding: 0;
5 }

因为:只有一部分元素在浏览器有默认的margin padding特性。
7.

时间: 2024-10-13 13:53:55

css规范<一>的相关文章

CSS规范

CSS规范 文档声明: doctype 前不允许非空字符 编码 小写 所有的HTML标签必须小写: 所有的HTML属性必须小写: 所有的样式名及规则必须小写. 缩进:使用tab(4个空格宽度)来进行缩进 注释 省略嵌入式资源的协议头 *省略图像.媒体文件.样式表和脚本等URL协议头部声明 ( http: , https: ) *应用场景:web页面的协议,跟资源的协议相同 省略属性值 <input type="text" readonly /> 嵌套 标签闭合 多媒体替代

Atitit.css 规范 bem &#160;项目中 CSS 的组织和管理

Atitit.css 规范 bem  项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 1.4. 修饰符(modifier)的3 2. 块的独立性4 3. 独立的CSS4 3.1. 为独立的CSS类命名5 4. BEM争议最大的就是它的命名风格 6 5. OOCSS6 6. ACSS6 7. CSS 组织和管理 结论attilax总结7 8. Atibem7 8.1. Modifier

CSS规范 - 优化方案

值缩写 缩写值可以减少CSS文件大小,并增加可读性和可维护性. 但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项. /* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是这个样式要关心的(如果设置了反倒会影响其他样式在这个容器上的使用), * 所以这时我们就不需要缩写 */ .f-mgha{margin-left:auto;margin-right:auto;} /

前端 CSS 规范大全

一.文件规范 1.文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解): 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/locatio

前端CSS规范大全(转)

一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/location

css框架---网易NEC之css规范,使用和学习心得

说在前头 关于网易NEC,(想瞧一瞧请点击这里)我最早听说是在三个月前:是一位三年多工作经验的前端大牛,推荐的:然后自己看了一下觉得非常不错.也就在公司项目中使用了,并逐渐喜欢了这种风格.现在,差不多用了三个多月:今天呢,再次拜读了新浪前端大牛--曹刘阳的<编写高质量代码--Web前端开发修炼之道>(想下载请点击这里),这本书是10年出来的,里面关于css样式文件如何分类,整理:样式如何命名,如何写出简洁,高效,可复用的css的见解,很多都能在NEC中找到影子:很多地方都不谋而合.所以呢,我就

前端CSS规范整理

一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/location

前端CSS规范大全(转自http://www.w3cfuns.com/article-5596764-1-1.html)

文章整理了Web前端开发中的各种CSS规范,包括文件规范.注释规范.命名规范.书写规范.测试规范等. 一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css

[转]前端CSS规范整理

一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/location

CSS规范 - 分类方法

CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成"公共型样式"."特殊型样式"."皮肤型样式",并以此顺序引用(按需求决定是否添加版本号). 公共型样式:包括了以下几个部分:"标签的重置和设置默认值"."统一调用背景图和清除浮动或其他需统一处理的长样式"."网站通用布局".&q