Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 后端码农谈前端（CSS篇）第一课：CSS概述_html/css_WEB-ITnose

后端码农谈前端（CSS篇）第一课：CSS概述_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:48:02
Original
961 Leute haben es durchsucht

一、从扮演浏览器开始

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

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

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

二、导图

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

三、概念扫盲（对，这是发生在正文之前的知识点。）

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

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

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

4、属性：属性是您希望设置的样式属性（每个属性有一个值，属性和值被冒号分开）。

Verwandte Etiketten：
后端码农谈前端（CSS篇）第一课：CSS概述
Quelle：php.cn
Vorheriger Artikel：前端神器之Sublime Text2/3简单明了使用总结_html/css_WEB-ITnose Nächster Artikel：HTML5学习笔记1_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2207
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2360
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1974
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1859
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1924
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage