Comment écrire du CSS et ses 5 codes les plus populaires

CSS est le langage responsable de l'apparence des sites Web. Sans ce langage, vous obtenez un site Web laid et désorganisé que vous ne pouvez pas parcourir confortablement. Tout est dispersé, c'est donc une partie essentielle de chaque site Web.

En tant que blogueur, vous n'avez besoin de rien dans cette langue tant que votre theme est précis et qu'il ne pose aucun problème.

Mais savoir écrire cette langue est une bonne information dont vous pourriez avoir besoin ou qui pourrait vous faciliter certaines choses.

Comment écrire du CSS

Il y a deux façons d'écrire du CSS

Première méthode:

À intégrer directement dans HTML

Par exemple, ceci est un code de lien

<a style="width:100px; padding:5px 10px;" href="https://logitec5.blogspot.com">Logitec5</a>

Comme vous pouvez le voir, les codes CSS sont placés à l'intérieur du code de style entre guillemets ""

Vous pouvez le faire avec n'importe quel élément HTML en y ajoutant un code de style et en y incluant, comme dans l'exemple, tout le code CSS de l'élément

Mais cette méthode est plus adaptée sinon, beaucoup de codes css seront utilisés, mais si beaucoup de codes seront utilisés, on passera à l'autre méthode

Deuxième méthode:

Il s'agit d'utiliser une classe ou un identifiant pour l'élément

Exemple du même code que ci-dessus

<a class='logitec5' href="https://logitec5.blogspot.com/">mon site</a>

Comme vous pouvez le voir, une classe lui a été ajoutée logitec5

Ce class sera utilisée pour écrire le même code css comme suit:

.logitec5 {

largeur : 100 px ;

rembourrage : 5px 10px ;

}

Et les codes ainsi inclus sont ajoutés au dessus de la balise []></b:skin> dans le template

ou entre deux éléments <style> </style> placés au-dessus de la balise </head> ., par exemple

5 codes les plus populaires:

1- largeur

C'est la balise pour la largeur de l'élément

Il s'écrit width:100px;

Le nombre 100 peut être remplacé par n'importe quel nombre supérieur ou inférieur

2 hauteur

C'est la hauteur

Il s'écrit comme suit :

hight: 100px ;

Idem pour le changement de numéro

3 padding

C'est l'espace de l'espace intérieur de l'élément ou de la note de bas de page

padding: 10px 15px 6px 8px ;

10 Vider par le haut

15 à droite

6 vers le bas

8 restants

Vous pouvez l'écrire comme padding:10px;

Cela signifie que de tous les côtés l'espace sera de 10 pixels

4 marge

Même rembourrage mais ce bord extérieur est autour de l'élément et plus éloigné des éléments à côté

Et écrire de la même manière

margin: 10px 15px 6px 8px ;

5 couleur

C'est pour la couleur des textes dans les éléments

Et écrivez comme ceci :

color :#000000 ;

Remplacez simplement #000000 par un autre code couleur

Et vous pouvez y ajouter un background

Son amour devient la couleur de fond de l'élément, pas le texte

background : #000000 ;

Bien sûr, ce que j'ai mentionné ici n'est qu'un aperçu de l'utilisation de ce langage ou même de ces codes. Il existe de très nombreuses possibilités même pour écrire ces mêmes codes, mais vous en trouvez ici l'utilisation simplifiée dont vous pourriez avoir besoin lors de son utilisation.

Je voudrais conclure avec un autre code qui est display:block;

Ce code donne à l'élément un style plus indépendant à l'écran et vous en aurez peut-être besoin si vous ne trouvez pas que les codes de largeur et de hauteur vous répondent et affichent leurs résultats

Ouvrez une page statique dans votre blog et essayez ces codes et voyez les résultats. Ces codes peuvent vous aider à améliorer le format de vos articles ou la taille de vos images