Introduction à la technologie CSS

1, Introduction à la technologie CSS

CSS est l'abréviation de Cascading Style Sheet. Traduit par « Feuilles de style en cascade ». Est un langage de balisage utilisé pour le contrôle (amélioré) du style des pages Web et permettant la séparation des informations de style du contenu Web. À l’aide des styles CSS, vous pouvez contrôler de nombreuses propriétés qui ne peuvent pas être contrôlées uniquement à l’aide du HTML. HTML est un langage de balisage. Lorsqu'une page Web HTML est ouverte dans un navigateur, celui-ci lira les balises HTML de la page Web et restituera les éléments de la page Web conformément aux règles d'analyse intégrées. CSS (Cascading Style Sheets) détermine la manière dont le navigateur décrira la présentation des éléments HTML. En d’autres termes, CSS correspond aux règles de description des éléments HTML. La dernière version de CSS est CSS3. CSS peut simplifier ou optimiser la méthode d'écriture en fonction de la capacité de compréhension des différents utilisateurs. Il est hautement lisible pour tous les types de personnes.

Les feuilles de style en cascade CSS sont une série de règles de formatage qui contrôlent l'apparence du contenu Web. Lorsque vous utilisez CSS pour formater une page, vous pouvez séparer le contenu de la présentation. Le contenu de la page Web (c'est-à-dire le code HTML) réside dans le fichier HTML lui-même, tandis que les règles CSS qui définissent la présentation du code résident dans un autre fichier (une feuille de style externe) ou dans une autre partie du document HTML ( généralement l'en-tête du fichier). L'utilisation de CSS vous permet de contrôler de manière plus flexible l'apparence spécifique d'une page, du positionnement précis de la mise en page aux polices et styles spécifiques.

CSS permet de contrôler de nombreuses propriétés que HTML ne peut pas contrôler seul. Par exemple, vous pouvez spécifier différentes tailles de police et unités (pixels, tailles en points, etc.) pour le texte sélectionné. La taille de la police peut être définie en pixels via CSS, garantissant une approche plus cohérente de la mise en page et de l'apparence sur plusieurs navigateurs. En plus du formatage du texte, vous pouvez également utiliser CSS pour contrôler le formatage et le positionnement des éléments au niveau du bloc dans une page Web. Par exemple, vous pouvez définir des marges et des bordures pour les éléments au niveau du bloc, du texte flottant autour d'un autre texte, etc.

Les règles de formatage CSS se composent de sélecteurs et de déclarations, où les sélecteurs sont des termes qui identifient les éléments de formatage (tels que p, h1, nom de classe ou identifiant), et les déclarations sont utilisées pour définir les styles d'éléments.

Le principal avantage du CSS est qu'il fournit des fonctions de mise à jour pratiques. Lors de la conception d'un site Web, vous pouvez créer un fichier de feuille de style CSS, puis connecter toutes les pages Web du site Web au fichier de feuille de style. Cela facilite la fourniture d'une apparence et d'un style cohérents pour toutes les pages Web du site Web. Lorsqu'un attribut de style est mis à jour, le formatage de toutes les pages Web utilisant ce style sera automatiquement mis à jour vers le nouveau style sans avoir à le modifier page par page.

2, propriétés CSS couramment utilisées dans la conception Web

couleur du texte ou des éléments

background-color

Background- image

marge