Maison > interface Web > tutoriel CSS > Quels sont les styles de CSS ?

Quels sont les styles de CSS ?

醉折花枝作酒筹
Libérer: 2023-01-06 11:16:00
original
19067 Les gens l'ont consulté

Il existe trois types de styles CSS, à savoir : 1. Style CSS en ligne, syntaxe "" ; , la syntaxe "" ; 3. Style CSS externe, utilisez la balise de lien pour introduire le CSS.

Quels sont les styles de 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;......"></标记>
Copier après la connexion

Exemple :

<div style="color:red"></div>
Copier après la connexion

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>
Copier après la connexion

Exemple :

<style>
  bdoy{font-size:14px;} 
</style>
Copier après la connexion

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

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

<link type="text/css" rel="stylesheet" href="css/main.css" />
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal