Heim  >  Artikel  >  Web-Frontend  >  Was sind die neuen Funktionen von h5 und css3?

Was sind die neuen Funktionen von h5 und css3?

青灯夜游
青灯夜游Original
2021-07-27 17:20:425418Durchsuche

h5 neue Funktionen: Drag-and-Drop-API, semantische Tags, Audio- und Video-API, Canvas-API, Geografie-API, Formularsteuerelemente usw. Neue Funktionen von CSS3: 1. RGBA und HSLA; 2. Textschatten; 3. Rahmenradius, Boxschatten, Boxgröße usw.

Was sind die neuen Funktionen von h5 und css3?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

html5 ist eine Sprachbeschreibungsmethode zur Strukturierung von Webinhalten. HTML5 ist der Standard der nächsten Generation für das Internet. CSS3 ist eine aktualisierte Version der CSS-Technologie (Cascading Style Sheets). Werfen wir einen Blick auf die neuen Funktionen von HTML5 und CSS3.

Neue CSS3-Funktionen:

1. Farbe: RGBA, HSLA-Modus hinzugefügt

2. Rand: Abgerundete Ecken (Randradius).

4. Box-Modell: Box-Sizing

5. Hintergrund: Hintergrundgröße. Legen Sie die Größe des Hintergrundbilds fest. Hintergrund-Ursprung. Legen Sie den Ursprung des Hintergrundbilds fest.

Hintergrund-Clip Bild, getrennt durch „, Mehrere Hintergründe können für adaptives Layout eingestellt werden

6. Übergang: Übergang, Animation kann realisiert werden

9. Nur in CSS3 eingeführt. Die Pseudoelemente sind: :selection.

10. Medienabfragen, mehrspaltiges Layout

12.2D Transformation: transform: Translate(x, y) rotate(x, y) skew(x, y ) scale(x, y)

13. 3D-Konvertierung

Neue Pseudoklasse in CSS3:

p:first-of-type Wählt jedes < aus, das zum ersten

gehört ;-Element seines übergeordneten Elements p>

p:last-of-type wählt jedes

-Element aus, das das letzte

-Element ist.

p:only-of-type wählt jedes

-Element aus, das das einzige

-Element ist. p:only-child wählt jedes

-Element aus, das das einzige untergeordnete Element seines übergeordneten Elements ist.

p:nth-child(2) wählt jedes

-Element aus, das das zweite untergeordnete Element seines übergeordneten Elements ist.

:enabled, :disabled steuern den deaktivierten Status von Formularsteuerelementen.

: aktiviert, das Optionsfeld oder Kontrollkästchen ist aktiviert.

html5 neue Funktionen:

1. Bessere semantische Inhalts-Tags (Kopfzeile, Navigation, Fußzeile, Seite, Artikel, Abschnitt)

3.

4. Canvas-API6. Lokale Offline-Speicherung von Daten, die Daten gehen nach dem Schließen des Browsers nicht verloren Der Browser ist geschlossen

8. Formularsteuerelemente, Kalender, Datum, Uhrzeit, E-Mail, URL, Suche

9 Neue Technologien Webworker, Websocket, Geolocation

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonWas sind die neuen Funktionen von h5 und css3?. 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