Comment les sites Web modernes utilisent CSS - les mannequins

Les feuilles de style externes sont des fichiers Pages HTML qui fournissent le style et la mise en page aux pages Web. Les feuilles de style en cascade sont un exemple de feuilles de style externes. Voici les raisons pour lesquelles l'inclusion de feuilles de style externes dans vos pages Web est une bonne chose: les styles CSS

• sont beaucoup plus puissants que les anciens outils HTML pour la conception de pages. Par exemple, la mise en page avec des tables HTML nécessite que les concepteurs divisent les lignes et les colonnes du tableau en conteneurs pour le contenu. Avec HTML, vous avez peu de contrôle sur les paramètres tels que l'espacement entre ces cellules de tableau et au sein de celles-ci, ou les limites spécifiques en haut, en bas ou sur les côtés de la cellule de tableau.

• CSS, en revanche, peut transformer une balise HTML plutôt générique - une balise DIV - en un conteneur presque infiniment formatable pour tout type de contenu.

• Les classes CSS et les ID sont des styles spéciaux qui sont au cœur de la conception de page moderne. Ces classes et identifiants CSS ont remplacé les tableaux HTML en tant que technique standard pour la mise en page des pages Web. Les tables utilisaient des cellules, créées par l'intersection de lignes et de colonnes, comme espaces réservés pour le contenu. Cette technique était maladroite et limitée, comparée à la liberté disponible avec les mises en page définies par les ID et les classes.

• Les feuilles de style externes, telles que CSS, permettent un style global, qui a des éléments communs à toutes les pages HTML d'un site Web. Vous avez besoin de changer les couleurs sur 17, 412 pages en 5 minutes? Aucun problème avec une feuille de style externe - vous mettez simplement à jour le fichier CSS, et tous les fichiers HTML qui lient cette feuille de style se mettent instantanément à jour dans les navigateurs.

Lorsque vous utilisez CSS, vous pouvez

• Effectuez facilement des changements globaux dans la façon dont votre contenu est présenté. Si les styles sont appliqués à l'aide de feuilles de style externes, ils peuvent être utilisés pour modifier instantanément l'apparence de chaque page à laquelle ils sont liés. C'est un outil de productivité indispensable dans les grands sites Web.

  Imaginez que vous deviez trouver toutes les balises de police et les modifier dans un site Web complet. L'utilisation d'un simple effort de recherche et de remplacement ne fonctionne souvent pas en raison de la manière incohérente dont les codes sont codés. Il est possible d'avoir des centaines de variantes de balises de polices - toutes identiques sur la page Web mais codées différemment - ce qui rend inutile l'utilisation des utilitaires Rechercher et Remplacer.

• Facilement discerner la signification originale de votre contenu. Lorsque vous travaillez avec des techniques de type HTML qui utilisent des balises HTML pour le formatage et la conception, vous ne pouvez souvent pas savoir quelles sont les différentes parties du contenu de la page en le regardant.

  L'ancien style HTML permet d'utiliser les balises incorrectement, par exemple en appliquant des propriétés à une balise de police qui fait apparaître une balise de paragraphe comme s'il s'agissait d'un en-tête. Pas facile à réparer. Si vous parvenez à supprimer les anciennes balises de police, vous supprimez également les repères visuels qui peuvent vous aider à recoder correctement la page.

  Par exemple, si vous définissez votre page comme un bloc de contenu avec des balises

  pour la séparer visuellement en paragraphes et en balises afin de rendre les en-têtes différents, il est difficile de savoir ce que cela signifierait. supprimé

• Rendez votre site convivial à tous ceux qui visitent - peu importe où ils se trouvent ou quelle est leur situation. De plus en plus, les personnes utilisant le Web n'utilisent pas d'ordinateur traditionnel. Au lieu de cela, ils utilisent des tablettes, des smartphones et d'autres appareils numériques. Avec CSS et HTML, vous pouvez détecter l'environnement de navigation d'un visiteur et fournir différentes feuilles de style qui affichent le contenu sous une forme appropriée au média du visiteur.

• S'appuyer sur CSS et HTML rend également les sites plus accessibles aux malentendants, qui disposent d'un logiciel de lecture ou d'autres outils spéciaux qui fonctionnent mieux si vous évitez d'utiliser des balises HTML pour le formatage.

  Encore une fois, certains utilisateurs auront des feuilles de style personnalisées pour pouvoir utiliser Internet. Quelqu'un pourrait avoir besoin d'agrandir la taille des caractères ou de spécifier comment un lecteur d'écran signale à l'oreille différentes parties d'un document pour compenser les déficiences visuelles. Des informations sur les feuilles de style sonores peuvent être trouvées sur le site du World Wide Web Consortium (W3C).