Maison  >  Article  >  interface Web  >  Quelles sont les manières d’introduire des feuilles de style CSS ? Comment sont-elles implémentées ?

Quelles sont les manières d’introduire des feuilles de style CSS ? Comment sont-elles implémentées ?

云罗郡主
云罗郡主original
2018-10-22 13:49:568653parcourir

L'introduction des feuilles de style CSS est une étape clé dans l'utilisation des CSS pour créer un site Web. Beaucoup de gens ne savent toujours pas quelles sont les méthodes d'introduction des feuilles de style CSS ? Parlons donc des moyens d’introduire des feuilles de style CSS et de la manière d’obtenir les trois effets.

Quelles sont les manières d’introduire des feuilles de style CSS ? Comment sont-elles implémentées ?

1 : Quelles sont les façons d'introduire les feuilles de style CSS ?

Il existe trois façons d'introduire les feuilles de style CSS ? le premier est le style d'intégration, c'est-à-dire écrit en CSS externe, l'autre est introduit en ligne, écrit entre , et le troisième est écrit directement en HTML.

2 : Comment introduire la feuille de style CSS

1 Introduire le CSS en externe, généralement dans le code source du site Web, nous pouvons le voir dans le code source du site Web Le suffixe. Le nom a .css comme extension de fichier, tel que css.css. Des styles externes doivent être introduits dans notre site Web, tels que :

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

2. Introduction de la feuille de style en ligne, style intégré C'est également un fichier. sorte de cascade. Généralement, il est placé en tête du site Web, et le style intégré ne peut être utilisé que dans une seule page Web, par exemple :

<style type="text/css">
中间用于放CSS样式代码
</style>

3. très difficile. Simplement, nous pouvons utiliser des attributs de style pour les mettre directement dans notre code, par exemple :

<div style="width:100px">设置div标签宽度为100px</div>

Ce qui précède est une introduction complète aux méthodes d'introduction des feuilles de style CSS. Comment sont-elles ? implémenté ? Si vous souhaitez en savoir plus sur le Tutoriel vidéo CSS, veuillez faire attention au site Web chinois php.


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