你的位置:首页 > 软件开发 > 网页设计 > 后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

发布时间:2015-03-18 00:00:25
一、从扮演浏览器开始 扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。 上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息: HTML的解析过程和CSS的解析过程是独立完成的。 ...

一、从扮演浏览器开始

扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。

后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息:

  1. HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树;CSS被解析成样式规则。
  2. HTML与CSS在被解析后,会结合在一起形成视图,然后被绘制。显示。

二、导图

后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

导图是该系列文章的安排目录,一定程度上参考了王福朋先生的《学习CSS的思路》。

三、概念扫盲(对,这是发生在正文之前的知识点。)

1、规则:CSS 规则由选择器,以及一条或多条声明两个部分构成。

后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

2、选择器:选择器通常是您需要改变样式的 HTML 元素。

3、声明:声明是您要设置的样式(每条声明由一个属性和一个值组成)。

4、属性:属性是您希望设置的样式属性(每个属性有一个值,属性和值被冒号分开)。

原标题:后端码农谈前端(CSS篇)第一课:CSS概述 (韩兆新)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。