Webkit内核探究【2】——Webkit CSS实现

 

注： 【转载请注明文章来源、保持原样】

 

出处：http://blog.youkuaiyun.com/Li_Jiayu
作者：李嘉昱

 

CSS在Webkit中的实现属于相对独立的一个模块，注意这里说的是相对。

 

CSS在Webkit中的作用自然是不言而喻的，在Web早期，文档的结构和样式还未分离的那个时代，HTML担负了文档的结构和样式这两个双重任务，即HTML既负责文档的结构，同时文档的样式也通过HTML中通过标签的属性来指定。可想而知，在那个时候HMTL页面的开发和使用比起现在而言是多么的不便。

 

不过仔细想想，这恐怕与当时的技术发展程度有着很大大关，首先，那个时候互联网远不像现在这样普及，另外，网页也远不如现在这样复杂，不不像现在，可以说，世界上信息的主要传播方式是以网页形式出现的，没数据说明，但我觉得至少趋势是这样的。 就这样，互联网在不断的前进之中，直到后来CSS的出现，大大的改进了Web的开发模式，从此，文档的结构和样式被清晰的一分为二。HTML主要负责文档的结构，而CSS则担负着文档的样式指定。

 

关于CSS的介绍网上已经有很多了，在这里将主要从Webkit实现的角度对其进行介绍。

 

CSS是什么

---

CSS是Cascading Style Sheets的缩写，按照官方定义，它可以被认为是一个样式表语言，它允许用户通过它来为结构化文档(HTML文档)指定样式。通过使用CSS用户可以将文档的内容和样式分离，从而简化Web页面的开发和维护。

 

既然说它是一个样式表语言，那么它就有相应的语法规则，规定了如何如何来书写一个样式表，让其作用与文档内容达到书写者想要的外观。CSS的语法规则是比较简单的， 自顶向下的来看，一个级联样式表(CSS)是由一系列的规则(rule)组成的, 每一条规则又是由一个选择器(selector)和若干条声明(Declearation)组成的。每条声明(Declearation)又是一个键值对，由属性(property)和值(value)来组成