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... [阅读全文]

CSS

CSS 编码规范

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

CSS

替换元素(Replaced Element)

替换元素(Replaced Element) - 用来替换元素内容的部分并非由文档内容直接表示;替换元素通常具有固有尺寸:固有宽度、固有高度和固有比(如果 width 属性设置为 auto,元素的宽度是内容的固有宽度);替换元素的 width 属性值不等于其固有宽度,那么它的 height 属性值也会等比例变化,除非 height 属性... [阅读全文]

Page 1 of 11