webkit内核源代码导读5: CSS如何作用到Render树上

最新推荐文章于 2023-07-15 15:38:10 发布

漂流的代码

最新推荐文章于 2023-07-15 15:38:10 发布

阅读量2.5k

点赞数 1

分类专栏： webikit

本文链接：https://blog.csdn.net/doon/article/details/9109937

版权

本文探讨了WebKit内核中CSS如何与Render树结合，重点关注RenderStyle和StyleResolver。StyleResolver从CSS中生成RenderStyle，并通过styleForElement进行元素的选择和匹配。RuleSet代表CSS规则，其来源包括默认和作者定义。Element的RuleSet来源于内联CSS，而AuthorStyle来源于style元素和link元素引入的CSS。当CSS或页面状态改变时，Document会触发更新流程。

摘要由CSDN通过智能技术生成

本章的目的，主要说明CSS相关的类和关系，还不能做到对其过程和原理的探究。后期我们慢慢会涉及。

CSS的主要作用，是修饰DOM的外观和排版的，它必须和Render--DOM的渲染对象结合起来。

在Render中，有一个重要的对象，是RenderStyle。这个RenderStyle是从CSS中创建出来的。

RenderStyle和StyleResolver

RenderStyle保存了Render树绘制所需要的全部信息。至于Render树如何使用Render，这里我们不仔细探索，我想重点探索一下StyleResolver。

StyleResolver将CSS的内容转换为RenderStyle，有几个函数是重点关注的：

    PassRefPtr<RenderStyle> styleForElement(Element*, RenderStyle* parentStyle = 0, StyleSharingBehavior = AllowStyleSharing,
        RuleMatchingBehavior = MatchAllRules, RenderRegion* regionForStyling = 0); 
     ......

    PassRefPtr<RenderStyle> pseudoStyleForElement(PseudoId, Element*, RenderStyle* parentStyle);

    PassRefPtr<RenderStyle> styleForPage(int pageIndex);
    PassRefPtr<RenderStyle> defaultStyleForElement();
    PassRefPtr<RenderStyle> styleForText(Text*);

    static PassRefPtr<RenderStyle> styleForDocument(Document*, CSSFontSelector* = 0);

这里面几个 styleForXXX函数，是产生RenderStyle的重要地方。