HTML

HTML 结构化 – 编写高质量的 HTML 代码

怎样才能编写高质量的 HTML 代码呢?相信是很多初学 HTML 的同学会产生的问题。其实答案很简单,就是: HTML 代码要充分的结构化。使用语义化的 HTML 标签,根据 Web 标准书写具有清晰结构逻辑的 HTML 代码。HTML 要语义化,将(内容的)意义引入到网页中,而不仅仅是呈现。... [阅读全文]

The MIT License

MIT 许可协议

MIT许可协议 - MIT许可协议之名源自麻省理工学院(Massachusetts Institute of Technology, MIT)。MIT 许可协议条款内容与三条款 BSD许可协议(3-clause BSD license)内容颇为近似,但是赋予软件被授权人更大的权利与更少的限制。... [阅读全文]

CSS

CSS 缩写(CSS Abbreviations)

CSS 缩写可以帮助减少CSS文件的大小,优化 CSS 文件的加载速度提高性能,并且让 CSS 代码更容易阅读。 CSS 中有很多属性都有缩写方式,例如:字体、背景、边框、外边距、内边距等等。本文就是对 CSS 中常用的缩写方式做了一个总结,对于初学者者来说,应该是不错的参考资料。颜色 – color:十六进制的颜色值,如果两个值相同,... [阅读全文]

CSS

[翻译] 行内元素(Inline Elements)

在 HTML 中,内联元素是那些只占用定义元素的标记所包围的空间,而不会破坏内容的流。在本文中,我们将研究HTML内联元素及其与块级元素的区别。内联元素不会在新行上启动,只在必要时占用宽度。一般情况下,行内元素只能包含数据和其他行内元素。默认情况下,行内元素不会以新行开始,而块级元素会新起一行。... [阅读全文]

CSS

[翻译] 块级元素(Block-level Elements)

HTML 中元素大多数都是“块级”元素或行内元素。块级元素占据其父元素(容器)的一整行空间,因此创建了一个“块”。这篇文章帮助解释这个概念。通常浏览器会在块级元素前后另起一个新行,你可以把它们想象成一堆盒子。块级元素总是在新的行上开始,并占用可用的全部宽度(尽可能地向左边和右边延伸)。... [阅读全文]

CSS

[翻译] 理解 CSS 中的 BFC

浮动、绝对定位、行内块级、table-cells、table-captions 等元素的 overflow 的属性值不为 visible(除了这个值已经被传到了视口的时候)将创建一个新的块级格式化上下文。一个 BFC 是至少满足下列条件中的任何一个条件的 HTML 盒子:float 的值不为 none;position 的值不为 stat... [阅读全文]

HTML3Jade

HTML2Jade – HTML to Jade Online Realtime Converter

做前端开发时候会遇到需要将 HTML 代码转化成 Jade 格式的时候,今天介绍的 HMTL2Jade 就是一个可以把 HTML 代码直接转义成 Jade 格式的工具。在工具左边输入 HTML 代码,右边就可以直接看到转换后的 Jade 代码。你可以选择使用空格或者 Tab 进行缩进。工具官网地址:http://www.html2jade... [阅读全文]

JavaScript

JavaScript 编码规范

声明变量必须加上 var 关键字。当你没有写 var, 变量就会暴露在全局上下文中, 这样很可能会和现有变量冲突. 另外, 如果没有加上, 很难明确该变量的作用域是什么, 变量也很可能像在局部作用域中, 很轻易地泄漏到 Document 或者 Window 中, 所以务必用 var 去声明变量。常量的形式如: NAMES_LIKE_THI... [阅读全文]

CSS

CSS 编码规范

尽量使用有效的 CSS 代码,除非是处理CSS校验器程序错误或者需要专有语法(可以用 W3C CSS validator 工具来进行有效性的测试)。使用有效的 CSS 是重要的质量衡量标准,如果发现有的 CSS 代码没有任何效果的可以删除,确保 CSS 用法适当。为 ID 和 class 取通用且有意义的名字。从 ID 和 class 的... [阅读全文]

Page 1 of 212