Heim >Web-Frontend >CSS-Tutorial >Seitendeklarationsstrukturen in CSS
Seitendeklarationsstrukturen in CSS
- 王林Original
- 2024-07-19 01:56:11962Durchsuche
Was ist CSS
CSS ist eine Sprache zum Gestalten von Seiten im Wasserfallstil, die zum Hinzufügen von Layouts, Animationen, geometrischen Formen, Filtern, Zählern und anderen Einstellungen verwendet wird.
Möglichkeiten, CSS zu deklarieren
Inline-CSS: Fügt CSS mithilfe des Style-Attributs innerhalb der HTML-Tags hinzu;
Internes CSS: Innerhalb des
Externes CSS: Es wird eine Datei mit der Erweiterung .css mit allen anzuwendenden Regeln erstellt und diese Datei im HTML mit dem Tag .
<head>
<link rel="stylesheet"
href="estilos.css" />
<head/>
Selektoren
- Tag: sucht nach Elementen anhand eines Tags
- ID(#): sucht nach Elementen mithilfe der ID
- Klassen(.): Attribut „Klasse“
- Attributauswahl ([attrib]): Elemente mit bestimmten Attributen
- Universal (*): Wählt alle HTML-Elemente aus
Kombinatoren
Combiner kombinieren Ebenen von Tag-Selektoren, auf die Einstellungen gemeinsam angewendet werden.
- Nachkomme: Tags, die von einem anderen abstammen, werden mit einem Leerzeichen dazwischen angewendet. Beispiel:
div span{
regra: CSS;
}
- Untergeordnetes Element: Alle unmittelbar untergeordneten Elemente, die mit „>“ verbunden sind. Beispiel
ul > li{
regra: CSS;
}
- Angrenzendes Geschwisterelement: Das erste Element, das direkt folgt, verbunden mit „+“. Beispiel:
ul + li {
regra: CSS;
}
//Nesse caso, havendo mais que um elemento li na lista, somente o primeiro receberá a regra
- Geschwister allgemein: Verbindet alle Elemente, die das gleiche übergeordnete Element haben, mit „~“. Beispiel:
p ~ span{
regra: css;
}
Das obige ist der detaillierte Inhalt vonSeitendeklarationsstrukturen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
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
Vorheriger Artikel：Flexbox-Spickzettel: Lernen Sie auf einfache WeiseNächster Artikel：Flexbox-Spickzettel: Lernen Sie auf einfache Weise