后端码农谈前端(CSS篇)第一课:CSS概述_html/css_WEB-ITnose
程序员文章站
2024-01-15 10:16:58
...
一、从扮演浏览器开始
扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。
上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息:
- HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树;CSS被解析成样式规则。
- HTML与CSS在被解析后,会结合在一起形成视图,然后被绘制。显示。
二、导图
导图是该系列文章的安排目录,一定程度上参考了王福朋先生的《学习CSS的思路》。
三、概念扫盲(对,这是发生在正文之前的知识点。)
1、规则:CSS 规则由选择器,以及一条或多条声明两个部分构成。
2、选择器:选择器通常是您需要改变样式的 HTML 元素。
3、声明:声明是您要设置的样式(每条声明由一个属性和一个值组成)。
4、属性:属性是您希望设置的样式属性(每个属性有一个值,属性和值被冒号分开)。
上一篇: 求一sql查询语句
推荐阅读
-
后端码农谈前端(CSS篇)第一课:CSS概述_html/css_WEB-ITnose
-
后端码农谈前端(HTML篇)第一课:HTML概述_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose
-
后端码农谈前端(HTML篇)第一课:HTML概述_html/css_WEB-ITnose
-
后端码农谈前端(HTML篇)第二课:常见元素_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第三课:选择器_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第五课:CSS样式_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第八课:继承与层叠_html/css_WEB-ITnose
-
[后端人员耍前端系列]Boostrap篇:30分钟快速掌握Boostrap_html/css_WEB-ITnose