Quelles sont les façons d'utiliser le CSS en HTML

Il existe 4 façons d'utiliser le CSS en HTML : 1. Utilisez l'attribut style dans la balise HTML pour définir le style CSS ; 2. Utilisez la balise style dans la balise head pour définir le style CSS ; Utilisez la balise link pour importer un fichier CSS externe ; 4. Utilisez la règle "@import" pour importer le fichier CSS externe.

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

Il existe 4 façons d'utiliser le CSS en HTML :

• Mode en ligne (style en ligne)

• Mode interne (Inline styles)

• Utiliser la balise de lien (style de lien)

• Utiliser @import (style d'importation)

1. Mode en ligne (style en ligne)

Utilisez l'attribut style dans la balise HTML pour définir le style CSS

Format :

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

Exemple :

<p style="color:orange;font-size:18px">在HTML中如何使用css样式</p>

Fonctionnalités : s'applique uniquement à cette balise.

2. La méthode interne (style intégré)

consiste à utiliser la balise style dans la balise head pour définir le style CSS

Format :

<style type="text/css"> ....css样式代码 </style>

Caractéristiques : Agit sur toute la page actuelle

3 Utilisez la balise de lien (style de lien)

Écrivez le code CSS dans un fichier séparé. , utilisez La balise link introduit directement le fichier dans la page. Une page peut utiliser la balise LINK plusieurs fois pour introduire plusieurs fichiers CSS externes. Faites attention à l'influence mutuelle de ces codes CSS. Habituellement, les fichiers CSS introduits plus tard écraseront les mêmes effets que les fichiers CSS introduits précédemment. Cette méthode d'introduction de CSS est actuellement la plus populaire. Les codes CSS peuvent être planifiés dans le cadre de chaque site Web pour faciliter la réutilisation et la maintenance. Cependant, cela centralise fortement le code, et la quantité de code peut être trop importante, et c'est facile. se produire si elle n'est pas correctement entretenue.

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

4. Utilisez @import (import)

Il existe deux façons d'utiliser @import pour introduire des fichiers CSS, l'une peut être placée dans la page, l'utilisation est la suivante :

@import url(index2.css);

Il peut également être utilisé dans un fichier CSS, l'utilisation est la suivante :

@import "sub.css";

Il est très pratique de utilisez @import pour introduire CSS Introduisez le code CSS à partir de fichiers externes pour faciliter la maintenance et la planification. Cependant, chaque fois qu'un fichier CSS supplémentaire est introduit, une demande de connexion sera ajoutée au serveur. Lorsque le nombre de visites est important, un compromis doit être fait entre maintenabilité et performances.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!