<b>/<strong>Texte en gras

<u>/<ins>Mode d'affichage souligné

<i>/<em>Le texte est affiché en italique

Le texte <s>/<del> est affiché barré

étiquette de temps

marquer les caractères en surbrillance

citer la référence de la balise

aligner

<hr>

<per>

<br/>

Police de caractère

img

Sélecteur {Attribut 1 : Valeur d'attribut 1 ; Attribut 2 : Valeur d'attribut 2 ;....}

en ligne

Intégré

lien externe

Importé

Les sélecteurs de base fonctionnent sur ces trois

sélecteur de balises

sélecteur de classe

sélecteur d'identifiant

sélecteur de caractères génériques

identifiant>classe>standard>caractère générique

Propriétés du style de texte

propriétés d'apparence du texte

Fonctionnalités avancées

Sélecteur de frères et sœurs à proximité : utilisez le numéro pour vous connecter

Sélecteur de frères et sœurs ordinaires : utilisez ~ pour créer un lien avant et après

bordure supérieure

bordure inférieure

bordure gauche

bordure droite

Paramètres de style complets

Paramètres complets de largeur

Paramètres complets de couleur

Paramètres de bordure complets

padding-top : marge supérieure

padding-right : rembourrage droit

padding-bottom : rembourrage inférieur

padding-left : remplissage gauche

rembourrage : rembourrage supérieur [rembourrage droit, rembourrage inférieur, rembourrage gauche]

margin-top : marge supérieure

margin-right : marge de droite

margin-bottom : marge inférieure

margin-left : marge gauche

marge : marge supérieure [marge droite, marge inférieure, marge gauche]

couleur d'arrière-plan : couleur d'arrière-plan :

image d'arrière-plan: image d'arrière-plan: url ()

Mosaïque de l'image d'arrière-plan : background-repeat:property

Position de l'image d'arrière-plan : position d'arrière-plan : en bas à droite ;

Image d'arrière-plan corrigée

Ensemble complet d'éléments d'arrière-plan

rgba (r, g, b, alpha) rgb représente le demi-rapport des couleurs alpha est un paramètre 0,0 est complètement transparent et 1,0 est complètement opaque ;

opacité : paramètre ; paramètre entre 0~1

border-radius : Paramètre de rayon horizontal 1 Paramètre de rayon horizontal 2 Paramètre de rayon horizontal 3 Paramètre de rayon horizontal 4/Paramètre de rayon vertical 1 Paramètre de rayon vertical 2 Paramètre de rayon vertical 3 Paramètre de rayon vertical 4 ;

border-image-source spécifie le chemin de l'image

border-image-slice spécifie le décalage vers l'intérieur des côtés supérieur, droit, inférieur et gauche de l'image de bordure

border-image-width spécifie la largeur de la bordure

border-image-outset spécifie la distance que l'arrière-plan de la bordure s'étend jusqu'à l'extérieur de la boîte

border-image-repeat spécifie la méthode de mosaïque de l'image d'arrière-plan

h-shadow représente la position de l'ombre horizontale, qui peut être une valeur négative (attribut obligatoire)

v-shadow représente la position de l'ombre verticale, qui peut être une valeur négative (attribut obligatoire)

flou ombre rayon de flou (propriété facultative)

Rayon d'expansion de l'ombre étendue, ne peut pas être négatif (attribut facultatif)

Couleur colorShadow (attribut facultatif)

Le décalage/encart est par défaut ombre extérieure/ombre intérieure (attribut facultatif)

Image d'arrière-plan en dégradé linéaire : dégradé linéaire (angle de dégradé, valeur de couleur 1, valeur de couleur 2...·..., valeur de couleur n) ;

Image d'arrière-plan dégradé radial : dégradé radial (forme de dégradé à quatre positions centrales, valeur de couleur 1, valeur de couleur 2. valeur de couleur m ;

Image d'arrière-plan de dégradé linéaire répétitif : répétition-linéaire-gradient (angle de dégradé, valeur de couleur 1, valeur de couleur 2..., valeur de couleur n) ;

Répéter l'image d'arrière-plan du dégradé radial :repeatina-radial-aradient (position centrale du cercle de forme du dégradé, valeur de couleur 1, valeur de couleur 2..., valeur de couleur n) ;

Plusieurs images d'arrière-plan

Définissez la taille de l'image d'arrière-plan : background-size : valeur d'attribut 1, valeur d'attribut 2 ;

Définissez la zone d'affichage de l'image d'arrière-plan : background-origin : valeur d'attribut ;

Définir la zone de découpage de l'image d'arrière-plan : background-clip

inline : cet élément sera affiché en tant qu'élément en ligne (la valeur d'attribut d'affichage par défaut des éléments en ligne) block : cet élément sera affiché comme un élément de bloc (la valeur d'attribut d'affichage par défaut de l'élément de bloc). inline-block : cet élément sera affiché comme un élément de bloc en ligne et des attributs tels que la largeur, la hauteur et l'alignement peuvent y être définis, mais l'élément n'occupera pas une seule ligne. none : Cet élément sera masqué, non affiché et n'occupera pas l'espace de la page, ce qui équivaut à un élément inexistant.

<ol> <li>Élément de liste 1</li> <li>Élément de liste 2</li> <li>Élément de liste 3</li> </ol>

type : valeur d'attribut (1 par défaut)/a-A/i-I

numéro de départ (spécifie la valeur de départ de la puce)

numéro de valeur (le numéro spécifiant la puce)

<ul> <li>Élément de liste 1</li> <li>Élément de liste 2</li> <li>Élément de liste 3</li> </ul>

taper-

<dt> représente le contenu de la définition <dd> explique le contenu

disque cercle plein (liste non ordonnée)

none n'utilise pas de puces (listes non ordonnées et ordonnées)

cercle cercle creux (liste non ordonnée)

cjk-ideographic nombres idéographiques simples

carré carré plein (liste non ordonnée

système de numérotation géorgien traditionnel géorgien

chiffres arabes décimaux

Chiffres arabes décimaux commençant par zéro commençant par 0

chiffres romains minuscules et minuscules

chiffres romains majuscules

Lettres anglaises minuscules alpha inférieures

Lettres anglaises majuscules et alphabétiques

lettres latines minuscules minuscules

lettres latines majuscules majuscules latines

hébreuNumérotation arménienne traditionnelle

numérotation hébraïque traditionnelle arménienne ;

inside : La puce de liste est située à l’intérieur du texte

outside : la puce de la liste est en dehors du texte de la liste

a:lien{règles de style CSS;}par défaut

a:visited{règles de style CSS;}Le style après le lien hypertexte est visité

a:hover{règle de style CSS;}Style de lien hypertexte au survol de la souris

a:active{règles de style CSS;} style de lien hypertexte lorsque la souris est cliquée et maintenue enfoncée

border définit la bordure du tableau (par défaut border="0" n'est pas une bordure) border-collapse : réduire la fusion des bordures border-collspacing définit la distance entre les cellules adjacentes

cellpacing définit l'espace entre les cellules

cellpadding définit l'espace entre le contenu de la cellule et les bords de la cellule

width définit la largeur du tableau

height définit la hauteur de la table

align définit l'alignement horizontal du tableau dans la page Web

bgcolor définit la couleur d'arrière-plan du tableau

background définit l'image d'arrière-plan du tableau

height définit la hauteur de la ligne

align définit l'alignement horizontal d'une ligne de contenu dans la page Web

valign définit le mode vertical d'une ligne de contenu

bgcolor définit la couleur d'arrière-plan de la ligne

arrière-plan définit l'image d'arrière-plan de la ligne

width définit la largeur de la cellule

height définit la hauteur de la cellule

align définit l'alignement horizontal des cellules dans la page Web

valign définit le modèle vertical du contenu de la cellule

bgcolor définit la couleur d'arrière-plan des cellules

backgroundDéfinir l'image d'arrière-plan de la cellule

colspan définit le nombre de colonnes couvertes par des cellules (utilisé pour fusionner des cellules orientées horizontalement)

rowspan définit le nombre de lignes que la cellule s'étend verticalement (utilisé pour fusionner des cellules orientées verticalement)

<thead> définit l'en-tête du tableau situé dans la balise table

<tfoot>L'en-tête et le pied de page utilisés pour définir le tableau sont situés après l'en-tête

<tbody> définit le thème du tableau

à partir de la syntaxe de l'élément de formulaire : <from> contrôle de formulaire</from>

l'action spécifie l'adresse de destination pour la soumission des données

méthode de demande de données méthode get /post get signifie que le navigateur établit une connexion avec le serveur de formulaire puis la transmet directement, ce qui est moins sécurisé. Publier signifie que le navigateur établira un lien vers le formulaire spécifié dans l'attribut action, puis le transmettra en plusieurs parties. La soumission implicite est plus sécurisée.

name est utilisé pour spécifier un nom pour le formulaire

<input type="Type de contrôle"/>

taper

contrôle de zone de texte

sélectionner le contrôle

L'attribut de saisie semi-automatique est utilisé pour spécifier si le formulaire a une fonction de saisie semi-automatique, ce qui signifie que le contenu de saisie du contrôle de formulaire est enregistré et que l'historique de saisie sera affiché dans la liste déroulante lors d'une nouvelle saisie.

L'attribut novalidate spécifie d'annuler la vérification de validité du formulaire lorsque le formulaire est soumis. Après avoir défini cet attribut pour le formulaire, la validation de l'intégralité du formulaire est désactivée. Tous les formulaires du contrôle de formulaire ne sont pas validés. ="novalider"

Le type d'email <input type="email"> est une zone de texte spécialement utilisée pour saisir des adresses email.

Le type d'url <input type="url"> est une zone de texte spécialement utilisée pour saisir des adresses url.

Le type tel <input type="tel"> est une zone de texte spécialement utilisée pour saisir des numéros de téléphone.

Le type de recherche <input type="search"> est une zone de texte spécialement utilisée pour saisir des mots-clés de recherche

Le type de couleur <input type="color"> est une zone de texte spécialement définie pour la couleur

Le type numder <input type="numder"> est une zone de texte spécialement utilisée pour saisir des valeurs numériques.

Le type de plage <input type="range"> est utilisé pour fournir une plage d'entrée de valeurs dans une certaine plage.

Type de date pinkers <input type=date,month, week...> spécifie le type de date et d'heure

L'attribut autofocus est utilisé pour spécifier s'il faut obtenir automatiquement le focus après le chargement de la page (dans la zone de saisie)

L'attribut form peut écrire les sous-éléments du formulaire n'importe où sur la page. Il vous suffit de définir la valeur de l'attribut form de l'élément pour cette spécification sur le formulaire.

L'attribut list spécifie l'élément datalist lié à la zone de saisie et sa valeur est l'identifiant d'un certain élément datalist.

L'attribut multiple spécifie que la zone de saisie peut sélectionner plusieurs valeurs. Cet attribut est applicable au courrier électronique (séparé par des virgules) et au fichier (fichier).

Les attributs min, max et step sont utilisés pour spécifier des limites pour les types d'entrée contenant des nombres ou des dates.

L'attribut pattern est utilisé pour vérifier si le contenu saisi dans la zone de saisie du type de saisie correspond à l'expression régulière définie P181.

L'attribut placeholder est utilisé pour fournir des informations pertinentes pour la zone de saisie du type de saisie afin de décrire ce que la zone de saisie attend de l'utilisateur.

L'attribut obligatoire est utilisé pour déterminer si la saisie de l'utilisateur dans la zone de saisie du formulaire est vide et si l'utilisateur n'est pas autorisé à soumettre le formulaire.

sélecteur {float : valeur d'attribut}

valeurs d'attribut communes flottantes

Sélecteur {clear : valeur d'attribut ;}

gauche n'autorise pas les étiquettes flottantes sur la gauche

la droite n'autorise pas les étiquettes flottantes à droite

les deux clairs flottent des deux côtés en même temps

étiquette vide effacer flotteur

Sélecteur {position : valeur d'attribut ;}

positionnement automatique statique

Positionnement relatif relatif, positionnement par rapport à la position de son flux de documents d'origine

positionnement absolu, positionné par rapport à sa balise parent précédemment positionnée

positionnement fixe fixe, équivalent au positionnement de la fenêtre du navigateur

Le mode de positionnement de position est uniquement utilisé pour définir la manière dont l'étiquette est positionnée et ne peut pas déterminer la position spécifique de l'étiquette.

Le décalage supérieur définit la distance de l'étiquette par rapport au bord supérieur de son étiquette parent.

Le décalage inférieur définit la distance de l'étiquette par rapport au bord inférieur de son étiquette parent.

leftLe décalage gauche définit la distance de l'étiquette par rapport à la ligne gauche de son étiquette parent

le décalage en haut à droite définit la distance de l'étiquette par rapport à la ligne droite de son étiquette parent

Sélecteur {débordement : valeur d'attribut ;}

Le contenu visible ne sera pas tronqué et sera rendu en dehors de la zone d'étiquette

le contenu de débordement masqué sera coupé et le contenu coupé sera invisible

aoto génère des barres de défilement en cas de besoin et s'adapte au contenu à afficher.

L'attribut z-index ajuste les positions supérieure et inférieure

disposition en une seule colonne

aucunSans attributs, des effets excessifs seront obtenus

allTous les attributs obtiennent des effets excessifs

La propriété définit le nom de la propriété CSS qui applique l'effet excessif. Plusieurs noms sont séparés par des virgules.

time définit la durée de l'effet de transition

Courbe de vitesse utilisée pour spécifier l'effet de transition de l'attribut de transition

linéaire spécifie un effet de transition qui commence et se termine à la même vitesse, équivalent à cubique-bézier

la facilité (par défaut) commence lentement puis accélère puis se termine lentement

Effet de transition facile qui commence à une vitesse lente puis s'accélère progressivement

effet de transition de détente qui se termine à une vitesse lente

effet de transition facile qui commence à une vitesse lente et se termine à une vitesse lente

le cube de Bézier définit lui-même la forme de la courbe de Bézier d'accélération et de décélération

Spécifie l'heure de début de l'effet de transition

transform-functions est utilisé pour définir la transformation

transformer : traduire (x-... y-...) traduction

transformation:échelle(x-... y-...) échelle

transformation:inclinaison(x-...y-...)inclinaison

transformation: rotation (angle) rotation

Définir son origine de transformation du point central : axe x axe y axe z

rotateX() permet à l'élément spécifié de tourner autour de l'axe X

rotateY() permet à l'élément spécifié de tourner autour de l'axe Y

rotateZ() permet à l'élément spécifié de tourner autour de l'axe Z

rotated3d (xy-z, angle (angle de rotation)) paramètres d'attributs complets

linéaire spécifie un effet de transition qui commence et se termine à la même vitesse

la facilité (par défaut) commence lentement puis accélère puis se termine lentement

Effet de transition facile qui commence à une vitesse lente puis s'accélère progressivement

l'animation de sortie se termine à basse vitesse

effet de transition facile qui commence à une vitesse lente et se termine à une vitesse lente

cubique-bézier (n,n,n,n) définit vous-même la forme de la courbe de Bézier d'accélération et de décélération