7,00

Tuto 10 Trucs de Pro en CSS avec CSS

7,00

  • Une formation vidéo de 29m09s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !

Voici les 10 trucs et astuces CSS 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'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.
     

Ces 10 astuces CSS vous permettront d'améliorer votre niveau en CSS et vos compétences.
Un QCM de fin vous permettra de valider vos nouvelles connaissances.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ces astuces !

Bon tuto.

Table des matières de cette formation CSS (durée : 29m09s)

    • Faire disparaître le dernier séparateur d'une nav 00:06:23
    • Indenter un paragraphe 00:01:54
    • Passer une image couleur en noir et blanc 00:03:01
    • Boîte toujours visible 00:02:57
    • Sélectionner les premiers paragraphes 00:01:50
    • Propriété CSS sauf sur le 1er élément 00:01:34
    • Changer la couleur des puces d'une liste non ordonnée 00:03:31
    • Manipuler le placeholder d'un champ de formulaire 00:01:34
    • Formulaire aligné ou empilé 00:04:00
    • Retirer le liseré bleu d'un champ de formulaire 00:01:27
    • Conclusion 00:00:58



Formateur : Carl Brison

Carl Brison a publié 182 tutoriels et obtenu une note moyenne de 4,9/5 sur 12 503 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de faboldchap03400 laissé le 15/08/2020
    Merci pour ces 10 conseils de Pro !

  • 5
    avis de grassel laissé le 24/04/2020
    Toujours intéressant de découvrir de tels tuyaux, cela facilite le job souvent . Merci Carl :=)

  • 5
    avis de valerie-a77 laissé le 12/04/2020
    Et oui, il y a certains tuyaux sympas en CSS auxquels on ne pense pas toujours ou qu'on ne connait pas. Parmi ces 10, j'en utilisais certains mais j'en ai aussi découvert des nouveaux. En effet, nous avons tendance à surcharger nos pages de codes html alors qu'on peut faire la même chose sinon même mieux avec le CSS. Merci Carl, c'est toujours aussi agréable d'apprendre avec vous :-)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    L'ensemble des codes de ce tuto.
accédez à plus de 1245 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données