Quelle est l’abréviation CSS ?

css est l'abréviation de Cascading Style Sheets. C'est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML ou XML. Il est principalement utilisé pour concevoir le style des pages Web et embellir les pages Web. uniquement de manière statique Il peut être utilisé pour modifier des pages Web et peut également coopérer avec divers langages de script pour formater dynamiquement divers éléments des pages Web.

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

CSS fait référence à Cascading Style Sheets (Cascading Style Sheets)

• est une application utilisée pour exprimer HTML (Standard Common Markup Language) ou XML (Standard Common Markup Language) Un langage informatique avec des styles de fichiers tels que Universal Markup Language
  

• Les styles définissent la façon dont les éléments HTML sont affichés

• Les styles sont généralement stockés dans la feuille de style

• Ajouter des styles au HTML 4.0, c'est résoudre le problème de la séparation du contenu et de la présentation

• Les feuilles de style externes peuvent être extrêmement améliorer l'efficacité du travail

• Les feuilles de style externes sont généralement stockées dans des fichiers CSS

• Plusieurs définitions de style peuvent être regroupées en une seule

• Les styles offrent un contrôle précis au pixel près sur la disposition des positions des éléments sur les pages Web

CSS aide à parvenir à une conception Web responsable. CSS a un impact énorme, et potentiellement infini, sur la façon dont les développeurs créent des sites Web. Déplacer la plupart, voire la totalité, des informations de présentation d'une page Web hors de fichiers (X)HTML et les conserver dans une feuille de style présente de nombreux avantages, tels que la réduction de la taille du fichier, l'économie de bande passante réseau et la facilité de maintenance. De plus, la séparation des informations sur les performances du site et du contenu principal permet aux concepteurs du site d'apporter diverses modifications à l'ensemble du site dans un court laps de temps.

CSS simplifie le code de format des pages Web, et les feuilles de style externes sont également enregistrées dans le cache par le navigateur, accélérant la vitesse de téléchargement et d'affichage et réduisant la quantité de code à télécharger (car répété le formatage du testament n'est enregistré qu'une seule fois). Tant que vous modifiez le fichier de feuille de style CS qui enregistre le format du site Web, vous pouvez modifier le style et les caractéristiques de l'ensemble du site. Cela est particulièrement utile lors de la modification d'un site comportant un grand nombre de pages. Cela évite de modifier les pages Web une à une et réduit considérablement la charge de travail.

Styles CSS

Les règles CSS se composent de deux parties principales : des sélecteurs et une ou plusieurs déclarations :

Le sélecteur est généralement l'élément HTML dont vous devez modifier le style.

Chaque déclaration est constituée d'un attribut et d'une valeur. La propriété

est l'attribut de style que vous souhaitez définir. Chaque attribut a une valeur. Les propriétés et les valeurs sont séparées par des deux-points.

Exemple :

p {color:red;text-align:center;}

Appliquer le même style à plusieurs pages

Un fichier .CSS distinct généralement enregistré en externe (ce fichier n'appartient à aucun page file) peut utiliser la même feuille de style CSS sur plusieurs pages. En référençant le fichier .CSS dans n'importe quel fichier d'échange, vous pouvez configurer plusieurs pages avec un style cohérent.

Cascading de style

La cascade de style consiste à définir le même style plusieurs fois sur un élément, qui utilisera la dernière valeur d'attribut définie.

Ordre en cascade des styles

Lorsque plusieurs styles sont définis pour le même élément HTML, quel style doit être utilisé ?

De manière générale, tous les styles seront cascadés dans une nouvelle feuille de style virtuelle selon les règles suivantes, le numéro 4 ayant la plus haute priorité.

• Paramètres par défaut du navigateur

• Feuille de style externe

• Feuille de style interne (située dans ;head> ; tag à l'intérieur)

• Style en ligne (à l'intérieur de l'élément HTML)

Par conséquent, le style en ligne (à l'intérieur de l'élément HTML) a la priorité la plus élevée, ce qui signifie qu'il aura priorité sur les déclarations de style dans les balises, dans les feuilles de style externes ou dans le navigateur (valeur par défaut).

(Partage vidéo 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!