Heim  >  Artikel  >  Web-Frontend  >  Was sind die Fachbegriffe von CSS? Einführung in CSS-Fachbegriffe

Was sind die Fachbegriffe von CSS? Einführung in CSS-Fachbegriffe

云罗郡主
云罗郡主nach vorne
2018-10-15 15:17:333409Durchsuche

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen