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

Exemple détaillé de format d'écriture de style CSS

高洛峰
Libérer: 2017-03-04 10:38:32
original
2111 Les gens l'ont consulté

Il existe trois formats d'écriture pour CSS

Style en ligne : signifie style d'écriture en ligne

Par exemple,

écrire ma couleur avec le style en ligne

ne fonctionne que pour ;, mais ne s'applique pas aux balises en dehors de telles que : head, title et autres balises

Styles en ligne  : utilisez le style pour désinstaller tous les styles. avec style.

Par exemple :

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>
Copier après la connexion

Style de lien externe : Le point populaire est le style externe, utilisez le style de lien pour vous connecter à un .css externe déposer .

Par exemple :

<head>

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

</head>
Copier après la connexion

Oui, c'est si simple Il vous suffit d'écrire le style CSS dans un autre texte .css, puis de le lier à Afficher. le style sur la page, mais assurez-vous de faire attention au chemin du fichier ! ! ! Ce n'est pas grave si le chemin est erroné.

Je recommande personnellement d'utiliser un style externe, qui sépare le code CSS et le code de mise en page, rendant le code plus modifiable et se chargeant plus rapidement.

L'explication détaillée ci-dessus du format d'écriture pour citer les styles CSS est tout le contenu partagé par l'éditeur. J'espère qu'elle pourra vous donner une référence, et j'espère que vous soutiendrez le site Web PHP chinois.

Pour des exemples plus détaillés de format d'écriture de style CSS et des articles connexes, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
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