Heim >Web-Frontend >CSS-Tutorial >Grundbegriffe in CSS
Grundbegriffe in CSS
- 无忌哥哥Original
- 2018-06-28 16:57:171626Durchsuche
1. Dokumentenfluss: Die Standardanordnung der Seitenelemente, angeordnet in der Reihenfolge der Elemente im HTML-Dokument, von links nach rechts, von oben nach unten
2. belegen standardmäßig eine Zeile, in vertikaler Richtung angeordnet, Breite und Höhe können eingestellt werden, zum Beispiel:dc6dce4a544fdca2df29d5ac0ea9906b,e388a4556c0f65e1904146cc1a846bee,c1a436a314ed609750bd7c7d319db4daff9c23ada1bcecdd1a0fb5d5a0f18437...;
3. Inline-Elemente: Standardmäßig ist die Anordnung horizontal. Die Breite und Höhe wird durch den Inhalt bestimmt und kann beispielsweise nicht festgelegt werden.
4. Ersatzelemente: Der Inhalt des Elements wird durch das Tag-Attribut bestimmt, die Bezeichnung ist tatsächlich ein Platzhalter, zum Beispiel f8d9cde947de1719581060b617c87f21
5. Nicht-ersetzende Elemente: Der Elementinhalt enthält die aktuellen In-Tags, wie z. B. e388a4556c0f65e1904146cc1a846bee,4a249f0d628e2318394fd9b75b4636b1,2cdf5bf648cf2f33323966d7f58a7f3f
6 So unterscheiden Sie ersetzte Elemente und nicht ersetzte Elemente?
6-1. Ersetzen Sie Elemente aufgrund des Elementinhalts. Es stammt von externen Ressourcen, daher benötigen die meisten von ihnen nur ein Tag, da es viele einzelne Tags gibt, aber es gibt Ausnahmen. wie zum Beispiel:
39000f942b2545a5315c57fa3276f2203f1c4e4b6b16bbbd69b2ee476dc4f83a39000f942b2545a5315c57fa3276f220... Die meisten dieser Tags haben src und geben den zu importierenden Ressourcenpfad an. Wenn das Tag Inhalt enthält, ist dies der Fall ungültig,
oder es handelt sich lediglich um die Einführung einer Ressource.
6-2. Nicht-ersetzende Elemente, deren Inhalt vom Benutzer direkt in das Tag geschrieben wird, wie z. B. e388a4556c0f65e1904146cc1a846bee, 684271ed9684bde649abda8831d4d355 Elemente
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css中的基本术语</title>
</head>
<body>
<!--div和p标签写在前面就先显示,因为是块标签,所以都独占一行垂直排列-->
<div>div标签是最简单最常用的块标签</div>
<!--打开浏览器的开发者工具(调试工具),查看元素样式,可以看到他的display属性: block-->
<p>div标签是最简单最常用的块标签</p>
<!--a标签写在了后面就在后面显示,因为为行内标签,所以在一行中水平排列-->
<a href="index.html"><em>首页</em></a> | <a href="news.html">公司新闻</a> | <a href="about">关于我们</a>
<hr>
<!--以上的p,div标签是非替换元素,它的内容由当前文档提供,因为外部资源的大小具有不可控性,所以默认为行内元素-->
<img src="../images/1.jpg" width="100" alt="">
<input type="text">
</body>
</html>Das obige ist der detaillierte Inhalt vonGrundbegriffe in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!