<b>/<strong>Fettgedruckter Text

<u>/<ins>Unterstreichungsanzeigemodus

<i>/<em>Text wird kursiv angezeigt

<s>/<del>-Text wird durchgestrichen angezeigt

Zeitmarke

Markieren Sie Hervorhebungszeichen

Cite-Tag-Referenz

ausrichten

<hr>

<per>

<br/>

Schriftart

Bild

Selektor {Attribut 1: Attributwert 1; Attribut 2: Attributwert 2;....}

im Einklang

Eingebettet

externer Link

Importiert

Grundlegende Selektoren funktionieren bei diesen drei

Tag-Selektor

Klassenselektor

ID-Selektor

Wildcard-Selektor

id>Klasse>Standard>Platzhalter

Eigenschaften des Textstils

Eigenschaften der Textdarstellung

Erweiterte Funktionen

Auswahl für Geschwister in der Nähe: Verwenden Sie die Nummer, um eine Verbindung herzustellen

Gewöhnlicher Geschwisterselektor: Verwenden Sie ~, um vorher und nachher zu verknüpfen

oberer Rand

untere Grenze

Linker Rand

rechter Rand

Umfangreiche Stileinstellungen

Breite umfassende Einstellungen

Umfangreiche Farbeinstellungen

Umfangreiche Randeinstellungen

padding-top: oberer Rand

padding-right: rechte Polsterung

Polsterung unten: Polsterung unten

padding-left: linke Polsterung

Polsterung: obere Polsterung [rechte Polsterung, untere Polsterung, linke Polsterung]

margin-top: oberer Rand

margin-right: rechter Rand

margin-bottom: unterer Rand

margin-left: linker Rand

Rand: oberer Rand [rechter Rand, unterer Rand, linker Rand]

Hintergrundfarbe: Hintergrundfarbe:

Hintergrundbild:Hintergrundbild:URL()

Hintergrundbildkachelung: background-repeat:property

Hintergrundbildposition: Hintergrundposition: rechts unten;

Hintergrundbild behoben

Umfangreicher Satz Hintergrundelemente

rgba (r, g, b, alpha) rgb repräsentiert das Farbhalbverhältnis Alpha ist ein Parameter. 0,0 ist vollständig transparent und 1,0 ist vollständig undurchsichtig.

Deckkraft: Parameter; Parameter zwischen 0 und 1

border-radius: Horizontaler Radius-Parameter 1 Horizontaler Radius-Parameter 2 Horizontaler Radius-Parameter 3 Horizontaler Radius-Parameter 4/Vertikaler Radius-Parameter 1 Vertikaler Radius-Parameter 2 Vertikaler Radius-Parameter 3 Vertikaler Radius-Parameter 4;

border-image-source gibt den Bildpfad an

border-image-slice gibt den Innenversatz der oberen, rechten, unteren und linken Seite des Randbildes an

border-image-width gibt die Rahmenbreite an

border-image-outset gibt den Abstand an, um den der Randhintergrund bis zur Außenseite der Box reicht

border-image-repeat gibt die Kachelmethode des Hintergrundbilds an

h-shadow stellt die Position des horizontalen Schattens dar, der ein negativer Wert sein kann (erforderliches Attribut)

v-shadow stellt die Position des vertikalen Schattens dar, der ein negativer Wert sein kann (erforderliches Attribut)

Unschärferadius für Schatten verwischen (optionale Eigenschaft)

Ausbreitungsschatten-Ausdehnungsradius, darf nicht negativ sein (optionales Attribut)

colorShadow-Farbe (optionales Attribut)

Der Standardwert für Anfang/Einsatz ist äußerer Schatten/innerer Schatten (optionales Attribut).

Hintergrundbild mit linearem Farbverlauf:linear-gradient(Farbverlaufswinkel, Farbwert 1, Farbwert 2...·..., Farbwert n);

Radialer Farbverlauf-Hintergrundbild: Radialer Farbverlauf (Farbverlaufsform, vier Mittelpositionen, Farbwert 1, Farbwert 2. Farbwert m;

Wiederholendes Hintergrundbild mit linearem Farbverlauf:repeating-linear-gradient(Gradientenwinkel, Farbwert 1, Farbwert 2 ..., Farbwert n);

Hintergrundbild mit radialem Farbverlauf wiederholen:repeatina-radial-aradient (Mittelposition des Farbverlaufskreises, Farbwert 1, Farbwert 2 ..., Farbwert n);

Mehrere Hintergrundbilder

Legen Sie die Größe des Hintergrundbilds fest: Hintergrundgröße: Attributwert 1 Attributwert 2;

Legen Sie den Anzeigebereich des Hintergrundbilds fest: Hintergrund-Ursprung: Attributwert;

Legen Sie den Ausschnittsbereich für das Hintergrundbild fest: Hintergrundclip

inline: Dieses Element wird als Inline-Element angezeigt (der Standardanzeigeattributwert von Inline-Elementen). Block: Dieses Element wird als Blockelement angezeigt (der Standardanzeigeattributwert des Blockelements). Inline-Block: Dieses Element wird als Inline-Blockelement angezeigt und es können Attribute wie Breite, Höhe und Ausrichtung festgelegt werden, das Element belegt jedoch keine einzelne Zeile. keine: Dieses Element wird ausgeblendet, nicht angezeigt und belegt keinen Seitenplatz, was dem nicht vorhandenen Element entspricht.

<ol> <li>Listenelement 1</li> <li>Listenelement 2</li> <li>Listenelement 3</li> </ol>

Typ: Attributwert (1 Standard)/a-A/i-I

Startnummer (gibt den Startwert des Aufzählungszeichens an)

Wertnummer (die Nummer, die das Aufzählungszeichen angibt)

<ul> <li>Listenelement 1</li> <li>Listenelement 2</li> <li>Listenelement 3</li> </ul>

Typ-

<dt> stellt den Definitionsinhalt dar. <dd> erklärt den Inhalt

Vollkreis der Scheibe (ungeordnete Liste)

none verwendet keine Aufzählungszeichen (ungeordnete und geordnete Listen)

Kreis Hohlkreis (ungeordnete Liste)

cjk-ideografische einfache ideografische Zahlen

Quadrat durchgezogenes Quadrat (ungeordnete Liste

georgisches traditionelles georgisches Nummerierungssystem

dezimale arabische Ziffern

Arabische Ziffern mit dezimaler führender Null, beginnend mit 0

niederrömische römische Kleinbuchstaben

römische Großbuchstaben in Großbuchstaben

Englische Kleinbuchstaben mit Kleinbuchstaben

Englische Großbuchstaben in Großbuchstaben

niederlateinische lateinische Kleinbuchstaben

großlateinische lateinische Großbuchstaben

hebräischTraditionelle armenische Nummerierung

armenische traditionelle hebräische Nummerierung;

innen: Das Aufzählungszeichen befindet sich innerhalb des Textes

außerhalb: Das Listenaufzählungszeichen befindet sich außerhalb des Listentextes

a:link{CSS-Stilregeln;}default

a:visited{CSS-Stilregeln;}Der Stil nach dem Besuch des Hyperlinks

a:hover{CSS-Stilregel;}Mouse-Over-Hyperlink-Stil

a:active{CSS-Stilregeln;} Hyperlink-Stil, wenn die Maus angeklickt und gehalten wird

border legt den Rand der Tabelle fest (Standard: border="0" ist kein Rand) border-collapse: Grenze zusammenführen border-colspacing legt den Abstand zwischen benachbarten Zellen fest

Der Zellabstand legt den Abstand zwischen den Zellen fest

cellpadding legt den Abstand zwischen Zellinhalt und Zellrändern fest

width legt die Breite der Tabelle fest

height legt die Höhe des Tisches fest

align legt die horizontale Ausrichtung der Tabelle auf der Webseite fest

bgcolor legt die Hintergrundfarbe der Tabelle fest

Hintergrund legt das Hintergrundbild der Tabelle fest

height legt die Höhe der Zeile fest

align legt die horizontale Ausrichtung einer Inhaltszeile auf der Webseite fest

valign legt den vertikalen Modus einer Inhaltszeile fest

bgcolor legt die Hintergrundfarbe der Zeile fest

Hintergrund legt das Hintergrundbild der Zeile fest

width legt die Breite der Zelle fest

height legt die Höhe der Zelle fest

align legt die horizontale Ausrichtung der Zellen auf der Webseite fest

valign legt das vertikale Muster des Zellinhalts fest

bgcolor legt die Hintergrundfarbe der Zelle fest

HintergrundHintergrundbild der Zelle festlegen

colspan legt die Anzahl der Spalten fest, die von Zellen überspannt werden (wird zum Zusammenführen horizontal ausgerichteter Zellen verwendet).

rowspan legt die Anzahl der Zeilen fest, die die Zelle vertikal überspannt (wird zum Zusammenführen vertikal ausgerichteter Zellen verwendet).

<thead> definiert den Tabellenkopf, der sich im Tabellen-Tag befindet

<tfoot>Die Kopf- und Fußzeile, die zur Definition der Tabelle verwendet werden, befinden sich nach dem Kopf

<tbody> definiert das Thema der Tabelle

Syntax des Formularelements: <from> Formularsteuerung</from>

Die Aktion gibt die Zieladresse für die Datenübermittlung an

Methode Datenanforderungsmethode get /post get bedeutet, dass der Browser eine Verbindung mit dem Formularserver aufbaut und diese dann direkt übermittelt, was weniger sicher ist. Post bedeutet, dass der Browser einen Link zu dem im Aktionsattribut angegebenen Formular herstellt und ihn dann in Teilen überträgt. Die implizite Übermittlung ist sicherer.

name wird verwendet, um einen Namen für das Formular anzugeben

<input type="Steuertyp"/ >

Typ

Textbereichssteuerung

Steuerung auswählen

Das Autocomplete-Attribut wird verwendet, um anzugeben, ob das Formular über eine Autocomplete-Funktion verfügt. Dies bedeutet, dass der Eingabeinhalt des Formularsteuerelements aufgezeichnet wird und der Eingabeverlauf bei erneuter Eingabe in der Dropdown-Liste angezeigt wird.

Das novalidate-Attribut gibt an, dass die Gültigkeitsprüfung des Formulars beim Absenden des Formulars abgebrochen wird. Nach dem Festlegen dieses Attributs für das Formular wird die Validierung des gesamten Formulars deaktiviert. Verwenden Sie die Methode novalidate ="novavalidieren"

Der E-Mail-Typ <input type="email"> ist ein Textfeld, das speziell zur Eingabe von E-Mail-Adressen verwendet wird.

Der URL-Typ <input type="url"> ist ein Textfeld, das speziell zur Eingabe von URL-Adressen verwendet wird.

Der Tel-Typ <input type="tel"> ist ein Textfeld, das speziell zur Eingabe von Telefonnummern verwendet wird.

Der Suchtyp <input type="search"> ist ein Textfeld, das speziell zur Eingabe von Suchbegriffen verwendet wird

Der Farbtyp <input type="color"> ist ein speziell für Farbe festgelegtes Textfeld

Der Zahlentyp <input type="numder"> ist ein Textfeld, das speziell zur Eingabe numerischer Werte verwendet wird.

Der Bereichstyp <input type="range"> wird verwendet, um einen Eingabebereich von Werten innerhalb eines bestimmten Bereichs bereitzustellen.

Date Pinkers Type <Eingabetyp=Datum, Monat, Woche...> gibt den Uhrzeit-Datumstyp an

Das Autofokus-Attribut wird verwendet, um anzugeben, ob der Fokus automatisch erhalten werden soll, nachdem die Seite geladen wurde (im Eingabefeld).

Das Formularattribut kann die Unterelemente im Formular an eine beliebige Stelle auf der Seite schreiben. Sie müssen nur den Formularattributwert des Elements für diese Spezifikation auf das Formular festlegen.

Das Listenattribut gibt das an das Eingabefeld gebundene Datenlistenelement an und sein Wert ist die ID eines bestimmten Datenlistenelements.

Das Attribut „Mehrfach“ gibt an, dass das Eingabefeld mehrere Werte auswählen kann. Dieses Attribut gilt für E-Mail (durch Kommas getrennt) und Datei (Datei).

Die Attribute „min“, „max“ und „step“ werden verwendet, um Grenzwerte für Eingabetypen anzugeben, die Zahlen oder Datumsangaben enthalten.

Mit dem Musterattribut wird überprüft, ob der im Eingabefeld Eingabetyp eingegebene Inhalt mit dem definierten regulären Ausdruck P181 übereinstimmt

Das Platzhalterattribut wird verwendet, um relevante Informationen für das Eingabefeld des Eingabetyps bereitzustellen und zu beschreiben, was das Eingabefeld vom Benutzer als Eingabe erwartet.

Das erforderliche Attribut wird verwendet, um zu bestimmen, ob die Eingabe des Benutzers im Formulareingabefeld leer ist und der Benutzer das Formular nicht senden darf.

Selektor {float: Attributwert}

gemeinsame Attributwerte floaten

Selektor {clear: Attributwert;}

left erlaubt keine schwebenden Beschriftungen auf der linken Seite

right erlaubt keine schwebenden Beschriftungen auf der rechten Seite

Beide Clears schweben gleichzeitig auf beiden Seiten

leeres Etikett, klares Float

Selektor {Position: Attributwert;}

statische automatische Positionierung

Relative relative Positionierung, Positionierung relativ zur Position des ursprünglichen Dokumentflusses

absolute Positionierung, relativ zum zuvor positionierten übergeordneten Tag positioniert

Feste feste Positionierung, entspricht der Positionierung des Browserfensters

Der Positionspositionierungsmodus wird nur zum Definieren der Positionierung des Etiketts verwendet und kann nicht die spezifische Position des Etiketts bestimmen.

Der obere Versatz definiert den Abstand des Etiketts relativ zur Oberkante des übergeordneten Etiketts.

Der untere Versatz definiert den Abstand des Etiketts relativ zur Unterkante des übergeordneten Etiketts.

leftDer linke Versatz definiert den Abstand der Beschriftung relativ zur linken Linie der übergeordneten Beschriftung

Der obere rechte Versatz definiert den Abstand der Beschriftung relativ zur rechten Linie der übergeordneten Beschriftung

Selektor {Überlauf: Attributwert;}

Der sichtbare Inhalt wird nicht beschnitten und außerhalb des Beschriftungsfelds gerendert

Ausgeblendete Überlaufinhalte werden gekürzt und die gekürzten Inhalte werden unsichtbar

aoto generiert bei Bedarf Bildlaufleisten und passt sich dem anzuzeigenden Inhalt an.

Das Z-Index-Attribut passt die obere und untere Position an

einspaltiges Layout

noneOhne Attribute werden übermäßige Effekte erzielt

allAlle Attribute erhalten übermäßige Effekte

Eigenschaft definiert den Namen der CSS-Eigenschaft, die den übermäßigen Effekt anwendet. Mehrere Namen werden durch Kommas getrennt.

Zeit definiert die Dauer des Übergangseffekts

Geschwindigkeitskurve zur Angabe des Übergangseffekts des Übergangsattributs

linear gibt einen Übergangseffekt an, der mit der gleichen Geschwindigkeit beginnt und endet, äquivalent zu Kubik-Bezier

Die Leichtigkeit (Standard) beginnt langsam, wird dann schneller und endet dann langsam

Ease-In-Übergangseffekt, der langsam beginnt und sich dann allmählich beschleunigt

Easy-Out-Übergangseffekt, der mit langsamer Geschwindigkeit endet

Easy-In-Out-Übergangseffekt, der langsam beginnt und langsam endet

Kubik-Bezier definiert selbst die Form der Beschleunigungs- und Verzögerungs-Bezier-Kurve

Gibt die Startzeit des Übergangseffekts an

transform-functions wird verwendet, um die Transformation festzulegen

transform: Translate(x-... y-...) Übersetzung

transform:scale(x-... y-...) Maßstab

transform:skew(x-...y-...)skew

transformieren:drehen(Winkel)Rotation

Legen Sie den Transformationsursprung des Mittelpunkts fest: x-Achse, y-Achse, z-Achse

rotateX() ermöglicht es dem angegebenen Element, sich um die X-Achse zu drehen

rotateY() ermöglicht es dem angegebenen Element, sich um die Y-Achse zu drehen

rotateZ() ermöglicht es dem angegebenen Element, sich um die Z-Achse zu drehen

rotierte3d (x-y-z, Winkel (Rotationswinkel)) umfassende Attributeinstellungen

linear gibt einen Übergangseffekt an, der mit der gleichen Geschwindigkeit beginnt und endet

Die Leichtigkeit (Standard) beginnt langsam, wird dann schneller und endet dann langsam

Ease-In-Übergangseffekt, der langsam beginnt und sich dann allmählich beschleunigt

Die Easy-Out-Animation endet bei niedriger Geschwindigkeit

Easy-In-Out-Übergangseffekt, der langsam beginnt und langsam endet

kubisch-bezier (n, n, n, n) definiert die Form der Bezier-Kurve der Beschleunigung und Verzögerung selbst