Seitendeklarationsstrukturen in CSS-CSS-Tutorial-php.cn

Seitendeklarationsstrukturen in CSS

王林

Freigeben： 2024-07-19 01:56:11

Original

922 Leute haben es durchsucht

Estruturas de declaração de pagina em CSS

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 hinzugefügt der HTML-Seite;
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/>

Nach dem Login kopieren

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;
}

Nach dem Login kopieren

Untergeordnetes Element: Alle unmittelbar untergeordneten Elemente, die mit „>“ verbunden sind. Beispiel

ul > li{
   regra: CSS;
}

Nach dem Login kopieren

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

Nach dem Login kopieren

Geschwister allgemein: Verbindet alle Elemente, die das gleiche übergeordnete Element haben, mit „~“. Beispiel:

p ~ span{
    regra: css;
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSeitendeklarationsstrukturen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!