Les feuilles de style en cascade sont utilisées pour formater le contenu d'une page HTML. En conséquence, toutes les commandes utilisées dans CSS visent à modifier l'apparence de n'importe quel élément d'un document HTML.
Il est nécessaire
Un ordinateur avec une connexion Internet
Instructions
Étape 1
Découvrez comment les feuilles de style en cascade sont utilisées. La mise en forme du texte est la fonctionnalité la plus couramment utilisée des feuilles de style en cascade. Tout document HTML contient une énorme quantité d'informations textuelles dans ses différentes parties. En même temps, chaque partie de la page doit avoir son propre format et sa propre police: une partie du texte est le texte du menu, l'autre est le titre, la troisième est le texte principal de la page, etc. Pour formater les informations textuelles, des commandes sont utilisées pour changer le nom de la police, sa taille, son poids, etc.
Étape 2
Donc, tout d'abord, notez le paramètre de style font-family. Cet attribut vous permet de définir une police spécifique pour cette balise. Le nom de la police est écrit après le signe ":". L'attribut de style font-size est utilisé pour définir la taille du texte contenu dans la balise. La valeur de taille est également écrite après le signe ":" et est indiquée en pixels, par exemple, "font-size: 20px".
Étape 3
Notez que les paramètres de style peuvent être concaténés et écrits ensemble à l'aide du signe «; ». Ceci est utile si vous devez définir plusieurs paramètres pour une balise.
Étape 4
Utilisez la couleur de l'attribut de style pour modifier la couleur du texte. Le nom de la couleur est écrit de manière standard: vert, bleu, rouge, etc. Il a également la possibilité de définir la couleur non seulement du texte lui-même, mais également de la couleur d'arrière-plan. À cette fin, l'attribut background-color est utilisé, après quoi la couleur sélectionnée doit également être indiquée. Si vous souhaitez utiliser une image, et non un remplissage, comme arrière-plan dans la zone de cette balise, reportez-vous au paramètre de style background-image, en spécifiant après lui la source de l'image.
Étape 5
Familiarisez-vous avec un certain nombre d'attributs de style qui définissent les paramètres des éléments de page, qui incluent tout d'abord le remplissage, la bordure, le flotteur et la position.
Étape 6
Utilisez le paramètre padding pour définir le montant de la marge liée à la balise donnée. Dans ce cas, cette valeur est comptée de chaque côté. Spécifiez l'attribut de bordure pour former la bordure de ce champ. Après les deux points, la largeur de la bordure est écrite en pixels. La propriété float permettra à un élément de votre page de flotter vers la droite ou la gauche. À cet égard, les paramètres qualificatifs de cette propriété sont à gauche ou à droite.
Étape 7
Si vous devez positionner précisément un objet sur le document, utilisez la propriété position. Il localise l'élément de page de manière absolue, telle que position: absolue; bas: 50 pixels; droite: 10 pixels; », ou de manière relative, en fonction de la distance par rapport aux bords de la page.