Tuto – 10 Trucs de Pro en CSS
Tuto – 10 Trucs de Pro en CSS
RAR | Vidéo + Fichiers source | Français | 36 Min | 1.3 Go
Dans ce tuto en vidéo, je souhaite partager avec vous 10 trucs et astuces autour du langage CSS, afin d’améliorer la qualité ainsi que la rapidité de vos développements. Le but : simplifier son HTML grâce au CSS ! Ces 10 astuces CSS vous permettront d’améliorer votre niveau en CSS et vos compétences. Ce cours comprend des fichiers d’exercices.
Au programme :
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’ait 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 convertir une image couleur 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 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 liseré bleu d’un champ de formulaire :
• Certains navigateurs tel que Chrome ajoute un liseré bleu autour d’un champ de formulaire lorsque celui-ci prend le focus
• Voici comment faire disparaître ce liseré disgracieux
Plus d’info:
_https://fr.tuto.com/css/10-trucs-de-pro-en-css,138671.html
