" est introduite."/> " est introduite.">

Maison >interface Web >Questions et réponses frontales >Quelles sont les méthodes d'introduction des feuilles de style CSS ?

Quelles sont les méthodes d'introduction des feuilles de style CSS ?

青灯夜游
青灯夜游original
2021-06-08 14:33:035440parcourir

Méthode : 1. Ajoutez le style CSS à l'attribut style dans la balise element ; 2. Ajoutez le style CSS à la paire de balises style dans la partie d'en-tête du document ; css", importé à l'aide de l'instruction "2f395434c00ce2de07579a146543f509".

Quelles sont les méthodes d'introduction des feuilles de style CSS ?

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

Trois feuilles de style CSS

Selon la position où le style CSS est écrit (ou la manière dont il est introduit), les feuilles de style CSS peuvent être divisées en trois catégories suivantes :

  • Feuille de style en ligne (inline)

  • Feuille de style interne (intégrée)

  • Tableau de style externe (lié)

1. Feuille de style en ligne

Le format de syntaxe de la feuille de style en ligne est le suivant :

<div style="color: blue; font-size: 16px;">测试</div>

Remarque :

  • Les feuilles de style en ligne définissent les styles CSS dans l'attribut style à l'intérieur des balises d'élément et ne conviennent que pour modifier des styles simples

2. Feuille de style interne

Le format syntaxique de la feuille de style interne est le suivant :

<style>
div {
color: blue;
font-size: 16px;
}
</style>

Remarque :

  • Style interne Le tableau extrait tout le code CSS et le place dans une balise c9ccee2e6ea535a969eb3f532ad9fe89 séparée ; la balise

  • c9ccee2e6ea535a969eb3f532ad9fe89 dans le document HTML, mais il est généralement placé dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e du document

3. pour introduire une feuille de style externe :

Créez un nouveau fichier de style avec le suffixe .css et mettez tous les codes CSS dans ce fichier
  • Dans la page HTML, utilisez le fichier d'importation de balise ce2100290a2c9f6e9304fda7ce10f7a1
  • (Partage vidéo d'apprentissage :
tutoriel vidéo CSS
属性 说明
rel 定义当前文档与别链接文档之间的关系,"stylesheet"表示:被链接的文档是一个样式表文件
href 定义所链接的外部样式表文件的URL,可以是相对路径,也可以是绝对路径
)

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