Einführung in die Verwendung von Pseudoklassen und Pseudoelementen

CSS-Pseudoklassen und Pseudoelemente

Zeilenhöhe (offizielle Definition der Zeilenhöhe: zwei Textzeilen an der Grundlinie ausgerichtet)

(Video-Tutorial-Empfehlung: CSS-Video-Tutorial)

Ziel-Pseudoklasse

:link    （a:link 未访问的链接  浏览器有缓存！！所以刷新没用）
	a:active{color:   ;}
:active （长按住）
:visited （已经访问的链接）
:hover （鼠标放上去）
:focus （获取用户焦点）

pseudo-Element (die Breite und Höhe kann nicht für Inline-Elemente festgelegt werden)

::after  （在元素后面添加内容）
::before  （在元素前面添加内容）
display:...
	inline-block（能够设置高度，和行内元素并排显示）
	inline
	block（独占一行）
	none（隐藏

css-Funktionen

	继承（一个元素如果没有设置某个属性的值，那么就会跟随父属性的值。如果设置了,就用自己的值）
		color ，font-size  line-height text-align
	层叠（后面的样式会覆盖前面的样式）
		当选择器相同时 后面的选择器会覆盖前面的
		当选择器不同时,根据选择器的权重设置

list eine Zeile)

	ul（无序列表）
	ol   (有序列表)

Elemente auf Inline-Ebene (können in derselben Zeile wie andere Inline-Elemente angezeigt werden)

table
		tr单元行
		td单元格
		boder 边框
		cellpadding   单元格内部的间距
		cellspacing 单元格之间的距离
		width 表格的宽度
		align 表格的水平对齐方式

CSS-Tutorial

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von Pseudoklassen und Pseudoelementen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!