Heim >Web-Frontend >CSS-Tutorial >Was sind die Fachbegriffe von CSS? Einführung in CSS-Fachbegriffe
In diesem Artikel erfahren Sie, was die Fachbegriffe von CSS sind. Die Einführung der CSS-Fachterminologie hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
1. Attribute
wie Höhe, Farbe usw. werden CSS-Attribute genannt.
2. Werte
in CSS, wie zum Beispiel: 10px, 50%, #ccc usw. werden alle als CSS-Werte bezeichnet. Die gebräuchlichsten Typwerte sind: Ganzzahlwert, Zahlenwert, Prozentwert, Längenwert, Farbwert
3. Schlüsselwörter
beziehen sich speziell auf einige Schlüsselwörter in CSS. Beispielsweise sind „solid“, „absolut“, „block“ usw. alles Schlüsselwörter
Variablen
Es gibt derzeit nur sehr wenige Variablen in CSS, die als Variablen bezeichnet werden können, wie zum Beispiel: currentColor
5. Längeneinheit
(1). Relative Längeneinheiten: unterteilt in relative Schriftlängeneinheiten und relative Darstellungsfensterlängeneinheiten
Relative Schriftlängeneinheiten wie em, ex, rem, ch (Breite des Zeichens 0)
Relative Darstellungsfenstereinheiten Längen wie vh, vw, vmin und vmax
(2). Absolute Längeneinheiten: wie px, pt, cm usw.
6. Der Wert des Funktionssymbols
wird in Form einer Funktion angegeben, die hauptsächlich zur Darstellung von Farbe (rgba) verwendet wird und hsla), Hintergrundbildadresse (url), Berechnung (calc), Übergangseffekte usw. Wie rgba (0,0,0,0,5), URL ('a.png'), Skala (-1)
7 Attributwert
Der gesamte Inhalt nach dem Attribut-Doppelpunkt ist kollektiv bezeichnet wird der Attributwert. Zum Beispiel: 1px solid rgb (0,0,0)
8. Deklaration
Attributname plus Attributwert ist eine Deklaration, zum Beispiel: Farbe: transparent;
9. Deklarationsblock
Ein Deklarationsblock ist eine Reihe von Deklarationen in geschweiften Klammern {}, zum Beispiel:
{ height: 100px; color: #ccc; }
10 Regeln oder Regelsätze
hat einen Selektor, und wird gefolgt von Folgen Sie dem Deklarationsblock. Zum Beispiel
.nav { color: tansparent; width: 23px; }
11. Selektor
Klassenselektor, Selektor, der mit „.“ beginnt, viele Elemente können denselben Klassenselektor anwenden, wie zum Beispiel:. Navigation,. aktiv
ID-Selektor, ein Selektor, der mit „#“ beginnt, zeigt im Allgemeinen auf ein eindeutiges Element. Beispiel: #header, #page
Attributselektor, bezieht sich auf den Selektor, der [] enthält, wie zum Beispiel: input[type="text"] { }, [title~="css-world"] { }
Pseudoklassenselektor bezieht sich auf den Selektor mit einem englischen Doppelpunkt davor, wie zum Beispiel: :first-child, :nth-child (1), :hover
Pseudoelementselektor , es gibt Selektoren mit zwei aufeinanderfolgenden englischen Doppelpunkten, wie zum Beispiel: ::after, ::before
12. Beziehungsselektor
Nachkommenselektor, wählt Nachkommenelemente aus, die durch Leerzeichen verbunden sind, wie zum Beispiel: .parent .child { }
Benachbarter Nachkommenselektor (Kindselektor), wählt die untergeordneten Elemente (Söhne) der ersten Ebene aus, die den Regeln entsprechen, und ignoriert Enkel, Urenkel, zweite untergeordnete Elemente usw. , verwenden Sie > Connection (IE7 und höher), wie zum Beispiel: .parent>.first-child { }
Geschwisterselektor, wählt alle Geschwisterelemente nach dem aktuellen Element aus, ~ Verbindung, (IE7 und höher) wie z als: .nav~ .siblings { }
Angrenzender Geschwisterselektor, wählt Geschwisterelemente neben dem aktuellen Element aus, + Verbindung, (IE7 und höher), wie zum Beispiel: .header+.nav { }
13. @-Regeln
Einige Regeln beginnen mit dem @-Zeichen, z. B. Medienabfrage @media, Schriftart @font-face
Was sind die Fachbegriffe für CSS? Eine vollständige Einführung in die professionellen CSS-Begriffe. Wenn Sie mehr über CSS-Video-Tutorials erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWas sind die Fachbegriffe von CSS? Einführung in CSS-Fachbegriffe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!