Bienvenue dans la partie technique de cet ouvrage ! Dans cette section, je ne vais pas vous enseigner les bases de la CSS, ni vous apprendre à mettre en page un site. Ce que vous allez comprendre, c’est comment les règles CSS permettent de structurer un site.
L’objectif est d’explorer le cœur du processus de rendu d’une page web à travers les règles que nous, développeurs, mettons en œuvre. Je mentionnerai certaines propriétés CSS sans pour autant entrer dans le détail exhaustif de chaque valeur possible et de leurs effets sur le rendu. Pour cela, d’autres ressources comme la MDN (Mozilla Developer Network), CSS Tricks, ou pour les plus aventureux, les spécifications du W3C, seront plus appropriées.
Nous allons aborder une variété de concepts souvent évoqués mais pas toujours bien compris.
Lorsqu’on explore l’onglet performances de Chrome, on observe plusieurs étapes se succéder, correspondant à différents processus de construction d’une page web. C’est précisément ce que nous allons détailler ici.