5.1 L'attribut style d'une balise
Et quelques autres choses utiles sur HTML. Alors que le Web commençait à gagner en popularité, il y avait une demande croissante pour que les pages Web soient magnifiquement ou très bien conçues. Ce problème a été résolu en utilisant le style .
La forme générale de cet attribut a le format suivant :
<tag style="name=value;name2=value2;nameN=valueN">La valeur de l'attribut, séparée stylepar un point-virgule, répertorie tous les "styles" qui doivent être appliqués à la balise.
Supposons que vous souhaitiez afficher une image sous forme de carré 100*100et la rendre également à moitié transparente. Pour ce faire, vous devez lui ajouter des styles spéciaux :
- largeur=100px ;
- hauteur=100px ;
- opacité=0,5 ;
Ensuite, le code HTML avec cette image ressemblera à ceci :
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">Il existe des centaines, voire des milliers de styles. Et les développeurs de navigateurs en proposent constamment de nouveaux. C'est bien que tu étudies pour devenir développeur Java, pas web designer :)
5.2 Styles CSS populaires
Il est peu probable que vous écriviez beaucoup de code HTML ou que vous éditiez ses styles dans votre vie, mais tout peut arriver. Par exemple, vous écrivez quelques petites pages HTML pour tester le API. Par conséquent, connaître les styles de base HTMLpeut être utile.
Vous trouverez ci-dessous les 10 plus courants pour les développeurs backend :
| # | Nom | Exemple | Description |
|---|---|---|---|
| 1 | largeur | largeur : 100px | largeur de l'élément en pixels |
| 2 | hauteur | hauteur : 50 % | hauteur de l'élément en pourcentage (de la largeur du parent) |
| 3 | afficher | affichage : aucun | élément d'affichage (ne pas afficher l'élément) |
| 4 | visibilité | visibilité : masquée | visibilité de l'élément (l'élément est masqué, mais un espace lui est réservé) |
| 5 | couleur | La couleur rouge; | couleur du texte |
| 6 | Couleur de l'arrière plan | couleur de fond : fumée | Couleur de l'arrière plan |
| 7 | frontière | bordure : 1 pixel noir uni ; | bordure (largeur 1px, couleur noire, ligne continue) |
| 8 | Police de caractère | police : verdana 10pt | police : verdana, taille 10pt |
| 9 | aligner le texte | aligner le texte : centrer ; | alignement du texte horizontalement |
| dix | marge | marge:2px | rembourrage à l'extérieur de l'élément |
Vous n'avez pas besoin de vous souvenir de ces balises, tout est sur Internet. De plus, chaque "style" a son propre ensemble de valeurs valides et son propre format pour décrire la valeur. Regardez au moins borderou font.