ce que le CSS peut faire

CSS est principalement utilisé pour concevoir le style des pages Web et embellir les pages Web ; il peut non seulement modifier statiquement les pages Web, mais également formater dynamiquement divers éléments des pages Web en conjonction avec divers langages de script. CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les styles d'objet et de modèle de page Web.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

CSS (Cascading Style Sheets), c'est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML ou XML. C'est un langage de programmation utilisé pour exprimer des styles HTML. Un langage de style qui sépare le Web. pages et contenu.

Avant CSS, presque toutes les propriétés de présentation d'un document HTML étaient contenues dans (en particulier dans) le balisage HTML ; toutes les couleurs de police, les styles d'arrière-plan, l'alignement des éléments, les bordures et les tailles devaient être dans une description explicite HTML.

En conséquence, le développement de grands sites Web devient un processus long et coûteux, car des informations de style sont ajoutées à plusieurs reprises à chaque page du site Web.

Pour résoudre ce problème, le World Wide Web Consortium (W3C) a introduit CSS en 1996 et a maintenu ses standards. CSS vise à réaliser la séparation de la présentation et du contenu. Les concepteurs Web peuvent désormais déplacer les informations de formatage d'une page Web dans une feuille de style distincte, ce qui rend le balisage HTML plus simple et plus facile à gérer.

Que peut faire le CSS

Le CSS est principalement utilisé pour concevoir le style des pages Web et embellir les pages Web. Il peut non seulement modifier les pages Web de manière statique, mais aussi de manière dynamique ; coopérer avec différents langages de script Formater chaque élément de la page Web.

CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque toutes les tailles et styles de police et a la capacité de modifier les objets de page Web et les styles de modèle.

L'utilisation de la technologie CSS lors de la création de la page d'accueil peut permettre d'obtenir efficacement un contrôle plus précis sur la mise en page, les polices, les couleurs, les arrière-plans et autres effets de la page.

Tant que vous apportez quelques modifications simples au code correspondant, vous pouvez changer l'apparence et le format de différentes parties d'une même page, ou de pages Web avec des pages différentes.

CSS présente les caractéristiques suivantes :

• Définitions de style riches

  CSS offre une apparence de style de document riche, ainsi que des paramètres La capacité des attributs de texte et d'arrière-plan ; vous permet de créer une bordure pour n'importe quel élément, ainsi que la distance entre la bordure de l'élément et les autres éléments, et la distance entre la bordure de l'élément et le contenu de l'élément vous permet de modifier librement la majuscule ; , décoration et autres effets de page de texte.

• Facile à utiliser et à modifier

  CSS peut définir des styles dans l'attribut style des éléments HTML, ou dans la partie en-tête des documents HTML, ou dans Les styles sont déclarés dans un fichier CSS spécial pour référence dans les pages HTML. En bref, les feuilles de style CSS peuvent stocker et gérer toutes les déclarations de style de manière unifiée.

  De plus, les éléments du même style peuvent être classés et définis en utilisant le même style, vous pouvez également appliquer un certain style à toutes les balises HTML portant le même nom, ou vous pouvez attribuer un style CSS à un certain style. dans les éléments de la page. Si nous voulons modifier le style, il suffit de trouver l'instruction de style correspondante dans la liste de styles et de la modifier.

• Application multipage

  La feuille de style CSS peut être stockée dans un fichier CSS séparé, afin que nous puissions utiliser la même feuille de style CSS sur plusieurs pages. Théoriquement, les feuilles de style CSS n'appartiennent à aucun fichier de page et peuvent être référencées dans n'importe quel fichier de page. De cette manière, les styles de plusieurs pages peuvent être unifiés.

• Cascading

  En termes simples, la cascade consiste à définir le même style plusieurs fois sur un élément, qui utilisera la dernière valeur d'attribut définie. Par exemple, si vous utilisez le même ensemble de feuilles de style CSS pour plusieurs pages d'un site et si vous souhaitez utiliser d'autres styles pour certains éléments de certaines pages, vous pouvez définir une feuille de style distincte pour ces styles et les appliquer au page. Ces styles définis ultérieurement remplaceront les paramètres de style précédents et ce que vous verrez dans le navigateur sera l'effet de style défini en dernier.

• Compression de page

  Dans les sites Web qui utilisent HTML pour définir des effets de page, un grand nombre de tableaux et d'éléments de police répétés sont souvent nécessaires pour former des styles de texte de diverses spécifications. De cette façon, la conséquence est qu'un grand nombre de balises HTML seront générées, augmentant ainsi la taille du fichier de page. Placer la déclaration de style séparément dans la feuille de style CSS peut réduire considérablement la taille de la page, de sorte que le temps passé à charger la page sera également considérablement réduit. De plus, la réutilisation des feuilles de style CSS réduit davantage la taille de la page et réduit le temps de téléchargement.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!