Maison > interface Web > tutoriel CSS > le corps du texte

Où est écrit le CSS ?

青灯夜游
Libérer: 2023-01-05 16:13:43
original
11365 Les gens l'ont consulté

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

Exemple :

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>
Copier après la connexion

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

Exemple :

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

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

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!

É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