Maison  >  Article  >  interface Web  >  Quels types de styles existe-t-il en CSS ?

Quels types de styles existe-t-il en CSS ?

coldplay.xixi
coldplay.xixioriginal
2021-03-21 17:51:5414253parcourir

CSS a trois types de styles, à savoir : 1. Le style en ligne, qui se trouve à l'intérieur de la structure, c'est-à-dire le style écrit dans la balise 2. Le style de contour consiste à mettre tous les styles dans un ou plusieurs styles ; commençant par [.css] dans un fichier de feuille de style externe avec l'extension ; 3. Les styles en ligne sont écrits dans la page HTML et stockés dans la balise head.

Quels types de styles existe-t-il en CSS ?

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

Les styles CSS comprennent principalement les trois types suivants :

1. Style en ligne : à l'intérieur de la structure, c'est-à-dire le style écrit dans la balise écrite au début ; de la balise En interne, dans l'attribut style.

Exemple :

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

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

Exemple :

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

3. Style externe (style externe) :

Le style externe consiste à mettre tous les styles dans une ou plusieurs extensions .css dans le fichier de feuille de style externe. nommé, le fichier de feuille de style externe est lié au document HTML via la balise c88766e8e98f17593dff2d30c01c03cf Le format de syntaxe de base est le suivant :

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

Dans la syntaxe ci-dessus, la balise 2cdf5bf648cf2f33323966d7f58a7f3f doit. être placé Dans la balise d'en-tête 93f0f5c25f18dab9d176bd4f6de5d30e, chaque attribut de la balise c88766e8e98f17593dff2d30c01c03cf doit être précisé, comme détaillé ci-dessous.

  • href : Définit l'URL du fichier de feuille de style externe lié, qui peut être un chemin relatif ou un chemin absolu.

  • type : Définissez le type du document lié, qui doit être spécifié ici comme "text/css", indiquant que le fichier externe lié est une feuille de style CS.

  • rel : Définit la relation entre le document actuel et le document lié. Il doit être spécifié ici comme "feuille de style", indiquant que le document lié est un fichier de feuille de style.

Outline est la feuille de style CSS la plus fréquemment utilisée et la plus pratique, car elle sépare le code HTML et le code CSS en deux fichiers ou plus, réalisant la structure et le style. Une séparation complète rend le pré- production et post-maintenance de pages Web très pratiques.

Tutoriels associés recommandés : 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!

Déclaration:
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