10 Trucs de Pro en CSS
Dans ce tuto, je voudrais vous faire part de 10 trucs et astuces autour du langage CSS, afin d'améliorer la qualité ainsi que la rapidité de vos développements de site web.
Le but : simplifier son HTML grâce au CSS !
Voici les 10 trucs et astuces que je vous propose dans ce tutoriel en vidéo :
- Faire disparaître la dernière bordure droite d'une nav
Souvent dans une navigation, on sépare les liens par des traits verticaux positionnés sur la droite de chaque lien. Voici une astuce pour que le dernier lien n'est pas de trait vertical à sa droite.
- Indenter un paragraphe
Grâce au CSS, indentez très facilement un ou plusieurs paragraphes.
- Passer une image en couleur en noir et blanc
Avec le langage CSS, il est très facile de changer modifier en image en couleur afin de la passer en noir et blanc.
- Boîte toujours visible
Une boîte div de publicité, une navigation... Voici comment rendre toujours visible à l'écran une boîte div très facilement.
- Sélectionner les premiers paragraphes
Vous avez plusieurs paragraphes à suivre sur votre page web et vous souhaitez donner un style CSS seulement aux premiers ? Voici comment le faire grâce au CSS.
- Propriété CSS sauf sur le 1er élément
Vous souhaitez donner un style CSS à vos différents éléments HTML mais sauf au premier élément ? Voici comment le faire grâce au CSS.
- Changer la couleur des puces d'une liste non ordonnée
Voila une petite astuce sympa ! Comment modifier la couleur des puces d'une liste non ordonnée.
- Manipuler le placeholder d'un champ de formulaire
Voici comment nous pouvons modifier la couleur ou bien la police d'un placeholder qui se trouve au sein d'un champ de formulaire.
- Formulaire aligné ou empilé
Lorsque l'on développe un site web responsive, il peut parfois être nécessaire de modifier le comportement des différents éléments d'un formulaire HTML. Soit on les veut l'un à côté de l'autre, soit on les veut l'un en dessous de l'autre, mais sans jamais modifier le code HTML.
- Retirer le liseret bleu d'un champ de formulaire
Certains navigateurs tel que Chrome ajoute un liseret bleu autour d'un champ de formulaire lorsque celui-ci prend le focus. Voici comment faire disparaître ce liseret disgracieux.
- Durée de ce tuto: 29min
- Tarif de ce tuto: 7 €
- Date de ce tuto: 2020-04-02
Il y a actuellement 326 tutos
Il y a actuellement 23 bundles
