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&#…
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
Commentaires
Enregistrer un commentaire