Comment moderne sites Web utilisent css

Feuilles de style externes sont des fichiers en dehors de (mais lié à) des pages HTML qui fournissent style et la disposition des pages web. Des feuilles de style en cascade sont un exemple des feuilles de style externes. L'une des raisons suivantes, y compris des feuilles de style externes dans vos pages Web est une bonne chose:

• Styles CSS sont beaucoup plus puissants que les anciens outils, basés sur le HTML pour la conception de la page. Par exemple, la mise en page avec des tables HTML nécessite concepteurs se contorsionner rangées et de colonnes dans des conteneurs pour le contenu. Avec le HTML, vous avez peu de contrôle sur des paramètres tels que l'espacement entre et au sein de ces cellules de table, ou les frontières spécifiques sur le haut, en bas ou sur les côtés de la cellule du tableau.

• CSS, d'autre part, peut transformer une balise HTML plutôt générique - une balise DIV - dans un récipient presque infiniment formatable pour tout type de contenu.

• Classes CSS et ID sont des styles spéciaux qui sont au cœur de la conception moderne de la page. Ces classes CSS et les ID ont remplacé les tableaux HTML que la technique standard pour la pose sur les pages Web. Tables utilisé des cellules, créées par l'intersection des lignes et des colonnes, comme des espaces réservés pour le contenu. Cette technique est lourde et limité, par rapport à la liberté ID- disponible avec les mises en page et de la classe définie.

• Feuilles de style externes, tels que CSS, permettent pour le style global, qui comporte des éléments communs à tous les pages HTML d'un site Web. Besoin de changer le schéma de couleurs sur 17,412 pages en 5 minutes? Pas de problème avec une feuille de style externe - vous mettez à jour tout simplement le fichier CSS, et tous les fichiers HTML qui pointent vers cette feuille de style de mettre à jour instantanément dans les navigateurs.

Lorsque l'utilisation de CSS, vous pouvez

• Facilement faire des modifications globales à la façon dont votre contenu est présenté. Si les styles sont appliqués à l'aide des feuilles de style externes, ils peuvent être utilisés pour changer instantanément l'apparence de chaque page à laquelle ils sont liés. Ceci est un outil de productivité indispensable dans les grands sites.

  Imaginez avoir à trouver toutes les balises de police et de les changer en un vaste site Web. L'utilisation d'un simple et Recherche Remplacer effort souvent ne fonctionne pas à cause de la manière incompatible balises sont codés. Il est possible d'avoir des centaines de variations des balises de police - que tous le même regard sur la page Web, mais sont codés différemment - qui rend l'utilisation Rechercher et remplacer les utilitaires inutiles.

• Facilement discerner le sens original de votre contenu. Lorsque l'on travaille avec les anciens, “ tout ce qui lui donne une apparence bonne ” tapez techniques qui emploient des balises HTML pour le formatage et la conception, vous pouvez souvent pas dire ce que les différentes parties du contenu de la page sont juste en le regardant.

  Old style HTML permet d'utiliser les balises incorrectement, telles que l'application des propriétés à une balise de police qui fait un affichage paragraphe tag comme si elle était une rubrique. Pas facile à corriger. Si vous parvenez à dépouiller les vieilles balises de police, vous enlevez également les indices visuels qui peuvent vous aider à re-coder correctement la page.

  Par exemple, si vous configurez votre page comme un bloc de contenu avec
  balises pour séparer visuellement en paragraphes et balises pour rendre rubriques look différent, il est difficile de comprendre de quoi il était si les balises sont perturbés ou supprimés.

• Rendre votre site convivial pour tous ceux qui visitent - peu importe où ils sont ou ce que leur situation est. De plus en plus, les gens utilisent le Web ne pas utiliser un ordinateur traditionnel. Au lieu de cela, ils utilisent des tablettes, smartphones et autres appareils numériques. Avec CSS et HTML, vous pouvez détecter l'environnement de navigation d'un visiteur et de fournir différentes feuilles de style qui affichent le contenu sous une forme appropriée aux médias du visiteur.

• Se fondant sur CSS et HTML rend aussi des sites plus accessibles pour les malentendants et les utilisateurs malvoyants, qui ont 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 ont personnalisé des feuilles de style afin qu'ils puissent utiliser l'Internet. Quelqu'un pourrait avoir besoin pour agrandir la taille des polices ou de préciser comment un lecteur d'écran signaux auditivement différentes pièces d'un document pour compenser une déficience visuelle. Information sur les feuilles de style auditives peuvent être consultés sur le site du World Wide Web Consortium (W3C).