Explication détaillée sur la façon d'utiliser l'attribut style des balises HTML (avec des exemples spécifiques)-tutoriel HTML-php.cn

Cet article vous explique la définition et la fonction de l'attribut style des balises HTML, ainsi que des exemples d'utilisation de l'attribut style en HTML et diverses analyses de style de l'attribut style dans les balises HTML. Jetons un coup d'œil ensemble à cet article

Tout d'abord, introduisons la définition de l'attribut style de la balise HTML :

L'attribut style spécifie le style en ligne de l'élément. ) L'attribut

style remplacera tous les paramètres de style globaux, tels que ceux spécifiés dans la balise

Exemple d'attribut de style HTML

Utilisation de l'attribut style dans les documents HTML :

This is a header This is a paragraph.

Copier après la connexion La syntaxe de l'attribut de style de balise HTML :

Copier après la connexion Valeur de l'attribut de style de balise HTML :

style_definition : Un ou plusieurs attributs et valeurs CSS séparés par des points-virgules.

Diverses analyses de style de l'attribut style en HTML

1 L'attribut style peut définir le style de police (font-family :), Taille de la police (font-size :), couleur du texte (color :), etc. Il peut être défini dans chaque balise

différente, ou il peut être défini dans une feuille de style CSS. Parce que mes articles sont tous écrits sur http://www.codecademy.com, je n'ai pas encore introduit le CSS, donc je ne couvrirai pas le CSS ici pour l'instant, définissez-le simplement dans la balise, voici l'exemple de code. et diagramme schématique :

Remarque : color the text Hello World! 你好！！！！

Copier après la connexion a) Le navigateur que j'utilise est Chrome, et lors de sa modification et de son affichage, je trouve toujours que la police 10px définie n'est pas appliquée, en recherchant les paramètres de Chrome, j'ai trouvé que

est la police minimale définie dans Chrome est de 12 px, donc la taille de police de 10 px est inutile, changez simplement la police minimale du navigateur Chrome pour une taille plus petite.

b) La méthode d'affectation dans l'attribut style est : nom de l'attribut : valeur, au lieu du signe égal = habituel. Si le signe égal est utilisé, l'effet de style ne sera pas exécuté.

2. La couleur d'arrière-plan peut également être définie dans le style . Le style contient l'attribut background-color. La définition de sa valeur de couleur peut modifier la couleur d'arrière-plan dans toute la plage d'étiquettes La couleur spécifiée pour background-color. Voici l'exemple de code et le diagramme schématique :

3. Alignement du texte color the text Hello World! 你好！！！！

Copier après la connexion Certains attributs d'étiquette ont l'attribut align, qui peut définir l'alignement du texte, et aussi dans le style Des propriétés similaires peuvent être définies. La valeur de cet attribut est text-align. Ses valeurs

incluent la gauche, le centre et la droite. Voici l'exemple de code et le diagramme schématique :

Deux exemples d'utilisation spécifiques de l'attribut style de HTML : color the text Hello World! 你好！！！！

Copier après la connexion [Recommandations associées du éditeur]

练习使用HTML /*标签选择器*/ h4 { color: blue; text-align: right; } 测试html的style属性

h41 h42 Copier après la connexion Quel est le rôle de la balise détails html5 ? Introduction à l'utilisation des balises (avec exemples d'utilisation)

Qu'est-ce que le tableau html ? Comment utiliser divers attributs dans les balises