我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，代码中不涉及...
1.1. 语法 1. 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 2. 为选择器分组时，将单独的选择器单独放在一行。 3. 为了代码的易读性，在每个声明块的左花括号前添加一个空格。 4. 声明块的右花括号应当单独成行。 5. 每条声明语句的 : 后应该插入一个空格。 6. 为了获得更准确的错误报告，每条声明都应该独占一行。 7. 所有声明语...
1.1. 语法 1. 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 2. 嵌套元素应当缩进一次（即两个空格）。 3. 对于属性的定义，确保全部使用双引号，绝不要使用单引号。 4. 不要在自闭合（self-closing）元素的尾部添加斜线 --HTML5 规范中明确说明这是可选的。 5. 不要省略可选的结束标签（closing tag）（例如，或
HTML 规范 文档类型 推荐使用 HTML5 的文档类型申明： . （建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性，比如 application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限）。 HTML 中最好不要将无内容元素[1] 的标签闭合，例如：使用 而非. HTML 验证 一般情况下，建议使用能通过标准规范验证的 HTML 代码，除非在性能优化和控制文件大小上不得不做出让步。 使用诸如 W3C HTML validator ...
农历腊月十九 天气晴朗 好的命名规范对团队的协作来说是非常重要，更加直观、更加清晰的命名有助于日后的项目维护，也可以间接的提升项目的进度。平时工作中我们要善于整理和养成一些良好的命名规范，从细节入手，要有全局观，记住不是你一个人在战斗！整理了一些常用到css命名，希望对大家有用。 (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar ...
参考资料： https://github.com/ecomfe/spec（百度） 通过分析github代码库总结出来的工程师代码书写习惯 NEC更好的解决方案（网易） 说明： 红字为重要， 黄字为不确定或不会， 参1～n为参考的资料链接 本来整理在印象笔记，无序列表在博客园编辑器显示不正常，望谅解 转载请注明出处，建议请留言谢谢。 系列文章 前端规范1...
HTML规范 1代码风格（参1，） 使用Tab字符（四个空格长度） 层级关系太多时尽量写在一行，但保证每行代码不宜过长 例，代码不宜过长 例，尽量写在一行 2命名（参1，） class必须使用小写，单词间使用-，而不是_(下划线)来连接 尽量语义化（优先英文及英文缩写，其次拼音，再次使用使用部件位置等方式（例如con-left）） 例 ...
CSS规范 缩进 使用Tab缩进(相当于四个空格) 选择器与{之间必须包含空格， 参1 属性名和之后的:不允许包含空格， :与属性值之间必须包含空格。 例 列表性属性值在单行时,后必须跟一个空格。 例： 对于超长的样式，在样式值得空格处或，后换行，建议按逻辑分组。 例： 选...
CSS规范 文档声明: doctype 前不允许非空字符 编码 小写 所有的HTML标签必须小写； 所有的HTML属性必须小写； 所有的样式名及规则必须小写。 缩进:使用tab（4个空格宽度）来进行缩进 注释 省略嵌入式资源的协议头 *省略图像、媒体文件、样式表和脚本等URL协议头部声明 ( http: , https: ) *应用场景：web页面的协议，跟资源的协议相同 省略属性值 嵌套 标签闭合 多媒体替代 模块化 CSS文...
值缩写 缩写值可以减少CSS文件大小，并增加可读性和可维护性。 但并非所有的值都必须缩写，因为当一个属性的值缩写时，总是会将所有项都设置一遍，而有时候我们不希望设置值里的某些项。 /* 比如我们用下面这个样式来让某个定宽的容器水平居中，我们要的只是left和right， * 而top和bottom不是这个样式要关心的（如果设置了反倒会影响其他样式在这个容器上的使用）， * 所以这时我们就不需要缩写 */.f-mgha{margin-lef...
如果本文档中有任何错误的、不符合行规的，敬请斧正。 引言 不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 若您对本文档中任何内容有不明白的，或者感觉不合行规的，请您按以下格式向我邮件说明，同时也欢迎任何人参与讨论，共同完善本文档。本文档中很多也是根据我自己现在的公司需求来定的。 邮件不是QQ，请尽可能清晰的组织你的语言，将问题描述得更清楚，同时，不要使用过多的样式化...
文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件，放...
一、注释规范 1、文件顶部注释（推荐使用） Css代码 /* * @description: 中文说明 * @author: name * @update: name (2013-04-13 18:32) */ 2、模块注释 模块注释必须单独写在一行 Css代码 /* module: module1 by 张三 */ … /* module: module2 by 张三 */ 3、单行注释与多行...
在此，非常感谢该文章作者的分享，本文完全转载自上面链接，此处作为备份，方便查看使用。 CSS命名规则规范整理 大家在写css的时候，经常会遇到关于命名的问题。页面上成百甚至上千的class或者id，我们就会越来越感到困扰。 所以，这样我们就很有必要整理自己的一套命名规范。这里我就说说我自己的命 大家在写css的时候，经常会遇到关于命名的问题。页面上成百甚至上千的class或...
HTML编码风格： 文档类型： HTML5类型 编码： 使用 meta 设置编码类型 UTF-8 <metacharset="utf-8">