Quels sont les styles de CSS ?

Il existe trois types de styles CSS, à savoir : 1. Style CSS en ligne, syntaxe "4c3316c0bb1365b4a1bddc6a903a4937baa3ea5ae7414741617ff7b18b3fb09e" ; , la syntaxe "c9ccee2e6ea535a969eb3f532ad9fe89 selector {nom de l'attribut : valeur de l'attribut;}531ac245ce3e4fe3d50054a55f265927" ; 3. Style CSS externe, utilisez la balise de lien pour introduire le CSS.

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

CSS (nom complet : Cascading Style Sheets, Cascading Style Sheets) est un ordinateur utilisé pour exprimer des styles de fichiers tels que HTML (une application du langage de balisage généralisé standard) ou XML (un sous-ensemble du langage de balisage généralisé standard) . langue.

CSS est une feuille de style en cascade, un langage de programmation utilisé pour représenter les styles HTML. La dernière version de CSS est CSS3. CSS est un langage de style qui peut séparer les pages Web et le contenu.

CSS peut non seulement modifier statiquement les pages Web, mais peut également fonctionner avec divers langages de script pour formater dynamiquement divers éléments des pages Web.

Avant que CSS n'entre dans le langage front-end, de nombreuses personnes considéraient le CSS comme un langage front-end. Aujourd'hui, CSS peut non seulement décorer des pages Web, mais également formater des pages Web avec divers scripts.

Les styles CSS comprennent principalement les trois types suivants :

1. Style en ligne (style intégré) : à l'intérieur de la structure, c'est-à-dire le style écrit à l'intérieur de la balise écrite dans la partie de début de ; la balise , parmi les attributs de style.

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

Exemple :

<div style="color:red"></div>

2. Style interne (style en ligne) : écrit à l'intérieur de la page HTML, stocké dans la balise head, et le style est écrit dans la balise style.

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

Exemple :

<style>
  bdoy{font-size:14px;} 
</style>

3. Style externe (style externe) : écrit dans un fichier css.

Vous pouvez utiliser 2cdf5bf648cf2f33323966d7f58a7f3f pour introduire des fichiers CSS dans les pages HTML.

<link type="text/css" rel="stylesheet" href="css/main.css" />

Avantages de l'utilisation des styles CSS :

CSS aide à parvenir à une conception Web responsable. CSS a un impact énorme sur la façon dont les développeurs créent des sites Web, et cet impact sera probablement infini. Déplacer la plupart, voire la totalité, des informations de présentation d'une page Web hors de fichiers HTML ou XML 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, les informations sur les performances du site sont séparées du contenu principal, permettant aux concepteurs du site d'apporter diverses modifications à l'ensemble du site Web 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 CSS qui stocke 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.

Apprentissage recommandé : 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!