L'utilisation de feuilles de style offre de nombreux avantages aux concepteurs HTML : elles permettent une mise en page plus riche ; la même feuille de style peut être partagée entre plusieurs documents, ce qui permet de gagner un temps considérable lors de l'écriture de code HTML ; elles améliorent la cohérence du site. Le responsable du site n'aura aucune vérification à faire pour s'assurer de l'homogénéité de son site (et cela est d'autant plus vrai dans le cas de sites réalisés en équipe). Les informations de même nature (en-têtes de niveau équivalent, paragraphes...) seront présentées automatiquement de la même manière, sans qu'il soit nécessaire de répéter systématiquement les mêmes éléments de mise en forme.
Mais elles permettent aussi d'améliorer l'accessibilité d'un document. Une technique assez répandue consiste à détourner des éléments HTML structurants de leur sens initial pour formater un paragraphe (comme par exemple l'utilisation d'un élément «DL» pour créer une marge). Les feuilles de style permettent de faire la même chose, avec plus de précision, et de façon accessible. Une autre technique consiste à utiliser une image à la place d'un titre. Lorsque cette image n'est pas commentée, le document devient complètement inaccessible. Ici encore les feuilles de style peuvent être utilisée (le concepteur y gagnera beaucoup de temps et le volume des documents à télécharger pour l'utilisateur sera fortement diminué).
Chaque navigateur est libre d'utiliser ou non les indications de forme (taille des caractères, fontes, styles, ...). Dans le cas des logiciels pour aveugles et malvoyants, ces indications sont le plus souvent inutiles. Il faudra simplement veiller à ce que les documents soient utilisables par un navigateur ne supportant pas ces feuilles de styles (il suffit pour cela de placer la feuille de style dans un fichier «.css» ou bien de placer les styles dans un commentaire au début du document).
Suite : Des liens clairs et concis