Quelles sont les nouvelles fonctionnalités de h5 et css3

h5 nouvelles fonctionnalités : API glisser-déposer, balises sémantiques, API audio et vidéo, API canevas, API géographie, contrôles de formulaire, etc. Nouvelles fonctionnalités de CSS3 : 1. RGBA et HSLA ; 2. text-shadow ; 3. border-radius, box-shadow, box-sizing, etc.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

html5 est une méthode de description de langage pour structurer le contenu Web. HTML5 est le standard de nouvelle génération pour Internet. css3 est une version améliorée de la technologie CSS (feuilles de style en cascade). Jetons un coup d'œil aux nouvelles fonctionnalités de HTML5 et CSS3.

Nouvelles fonctionnalités CSS3 :

1. Couleur : Ajout du mode RGBA, HSLA

2. Text-shadow (text-shadow)

3.

4. Modèle de boîte : box-sizing

5. Background : background-size Définir la taille de l'image d'arrière-plan background-origin Définir l'origine de l'image d'arrière-plan

background-clip Définir la zone de recadrage de l'arrière-plan. image, séparée par "," Plusieurs arrière-plans peuvent être définis pour une mise en page adaptative

6. Dégradé : dégradé linéaire, dégradé radial

7 Transition : une transition, une animation peut être réalisée

8. Introduit uniquement dans CSS3. Les pseudo-éléments sont : :selection.

10. Requêtes multimédias, mise en page multi-colonnes

11. Transformation 2D : transform: translate(x, y) rotate(x, y. ) skew(x, y ) scale(x, y)

13. Transformation 3D

Nouvelle pseudo-classe en CSS3 :

p:first-of-type Sélectionne chaque < p> de son élément parent p> p:last-of-type sélectionne chaque élément

qui est le dernier élément

p:only-of-type sélectionne chaque élément

qui est le seul élément

p:only-child sélectionne chaque élément

qui est le seul élément enfant de son élément parent.

p:nth-child(2) sélectionne chaque élément

qui est le deuxième enfant de son parent.

:enabled, :disabled contrôlent l'état désactivé des contrôles de formulaire.

 : coché, le bouton radio ou la case à cocher est sélectionné.

html5 nouvelles fonctionnalités :

1. API glisser-déposer2. De meilleures balises de contenu sémantique (en-tête, navigation, pied de page, côté, article, section)

3.

4. API Canvas

5. API de géolocalisation

6. Stockage local hors ligne stockage à long terme des données, les données ne seront pas perdues après la fermeture du navigateur

7. le navigateur est fermé

8. Contrôles de formulaire, calendrier, date, heure, email, url, recherche

9. Webworker des nouvelles technologies, websocket, géolocalisation

Pour plus de connaissances liées à la programmation, veuillez visiter :

Introduction à la programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!