柳暗花明:整理及优化CSS代码的七个原则
CSS代码优化的目的并不仅仅是减少CSS文件的大小,它还能让你的CSS代码更有条理、更高效。更多关于CSS代码优化的知识,能帮你更熟悉CSS代码的规范性。熟悉这些概念还能让你成为更全面的网页设计师,从而写出更优化的CSS代码。
CSS代码优化的目的并不仅仅是减少CSS文件的大小,它还能让你的CSS代码更有条理、更高效。更多关于CSS代码优化的知识,能帮你更熟悉CSS代码的规范性。熟悉这些概念还能让你成为更全面的网页设计师,从而写出更优化的CSS代码。
CSS的大部分能力都是基于元素的父子关系。HTML文档,实际上大多数结构文档,都是基于元素的层次关系的,这种层次可以用下图的树形结构来刻画。在这样的层次图中,每个元素都处于整个结构文档中的某个位置,而且每个元素或是另一个元素的父元素,或是子元素,或者既是父元素又是子元素。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。
有很多的CSS方案可以弥补这一缺陷,虽然本文标题中的”技巧”感觉有点诡计、花招的意味,事实上这也只是迎合Google的一些手段而已。
同伪类的方式类似,伪元素通过对插人到文档中的虚构元素进行触发,从而达到某种效果。在CSS1里,有两个伪元素,即:first-letter和first-line。
或许你已经意识到了:link,:visited和:active选择符在功能上等价于BODY属性的LINK,VLINK和ALINK。当然,对丁CSS中的伪类来说,应用不仅仅是在颜色方面。
伪类pseudo-class和伪元素pseudo-element选择符,至少在语法上讲是这样的。它们允许将样式应用于文档中不存在的结构上,或者是通过当前元素状态甚至是文档自身的状态而推断的某些东西上。
到底类和ID间的区别在哪里呢?类和ID的另一个区别是:ID对给定于元素应用何种样式比类具有更高的优先权。这将在后面的“层叠”一节详细讲述。