PUBLIC MARKS from julie with tags css & web

Sur les sélecteurs CSS

Tout d’abord on confirme ce qui avait déjà été écrit sur les sélecteurs CSS, c’est à dire qu’ils sont interprétés de droite à gauche. Il faut tenter d’être le plus précis possible à droite, dans l’idéal un identifiant, un nom de classe, ou au moins un nom de balise. Le reste du sélecteur a plus tendance à ralentir qu’autre chose.

Le second point concerne :hover qui pose si j’ai bien compris des problèmes. Soyez le plus précis possible sur la partie qui contient le :hover, même si elle n’est pas à droite du sélecteur.

Sur l’organisation de vos scripts

Enfin, et c’est probablement la remarque la plus importante à mon humble avis, il vaut mieux parfois en javascript faire une boucle pour lire des informations et une seconde pour modifier le DOM, plutôt que de tout faire en une passe. C’est cohérent avec ce que les bons intégrateurs connaissent déjà mais je crois que peu de gens le mettent en pratique.

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

Method One uses a background image. The main disadvantage of this method (other than the fact that the image is taken out of the content) is that I couldn't find a way to keep the image in the center of the div.

Method Two — my preferred solution — places the image inside the div in the HTML. This enables it to be centered within the div (thanks to Jonathan Snook for helping out with the CSS).