CSS

Vous connaissez tous les sélecteurs, c’est ce qui permet de spécifier tel élément HTML à un autre et de lui faire appliquer des propriétés comme une position dans une page web ou sa couleur par exemple.

Mais que se passe-t-il si deux règles ciblent le même élément et lui appliquent des valeurs différentes sur une même propriété ? Du style une règle qui met une balise div en rouge et une autre règle qui le met en bleu. Le CSS donne la priorité à une règle en fonction de son poids ! Un poids ? Et bien, voyons ce qui fait qu’une règle est choisie au lieu d’une autre et ça n’a rien à voir avec les kilos qu’elle fait ! C’est parti !

[ Lire la suite ]

Un article encore signé CSS ! Pour spécifier la taille d’un bloc quelconque en HTML, par exemple un div ou un span, on utilise la propriété width. Mais savez-vous que la taille réelle de ce bloc n’est pas la valeur de width ?

En effet, la vraie taille d’un élément prend bien évidemment en compte les valeurs width et height, mais aussi sa bordure et son padding (la marge entre la bordure et le contenu) !

Bref du coup on ne sait plus trop qu’elle taille notre bloc fait réellement et cela peut être un peu embêtant, surtout si vous avez des contraintes et que vous voulez des tailles précises. Heureusement, ici on aime le code sans prise de tête, je vous présente une petite astuce qui va vous faire économiser des calculs et du temps ! C’est parti !

[ Lire la suite ]

Le CSS permet de fabriquer toute la présentation graphique d’un site, que ça soit la couleur, les images, la position des éléments, les animations bref, tout le thème d’un site. Mais le CSS ne serait rien sans ses sélecteurs, voici une petite liste des sélecteurs de bases qui permettent de faire pratiquement tout ! C’est parti !

[ Lire la suite ]