Maison >interface Web >tutoriel CSS >Où est écrit le CSS ?

Où est écrit le CSS ?

青灯夜游
青灯夜游original
2021-05-07 17:46:0111395parcourir

Où écrire le CSS : 1. En tant que style en ligne, écrivez-le dans l'attribut style de la balise HTML ; 2. En tant que style en ligne, écrivez-le dans la balise style de la balise head ; un style externe, écrivez-le Dans un fichier ".css" séparé, utilisez la balise de lien ou la règle "@import" pour l'introduire dans HTML.

Où est écrit le CSS ?

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

Il existe trois types de styles CSS : les styles CSS en ligne, les styles CSS en ligne et les styles CSS externes (styles de contour).

1. Style CSS en ligne

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

Format :

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

Exemple :

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>

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

2. Styles CSS intégrés

Utilisez la balise style dans la balise head pour définir le style CSS

Format :

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

Exemple :

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

Fonctionnalités : S'applique à toute la page actuelle

3. Style CSS externe (style externe)

Écrivez le code CSS dans a Dans un fichier ".css" séparé

Où est écrit le CSS ?

Utilisez la balise link ou @import pour introduire le fichier dans la page

Exemple :

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>

Partage de vidéos d'apprentissage : 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