Maison  >  Article  >  interface Web  >  qu'est-ce qu'un fichier CSS

qu'est-ce qu'un fichier CSS

青灯夜游
青灯夜游original
2021-07-05 17:04:0911223parcourir

fichier CSS fait référence à un fichier texte contenant du code CSS avec l'extension ".css". Le fichier CSS est un fichier utilisé conjointement avec le langage HTML pour créer des pages Web. Sa fonction principale est de contrôler la mise en page des articles HTML. En termes simples, il contrôle l'apparence d'affichage des pages Web.

qu'est-ce qu'un fichier CSS

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

Comme son nom l'indique, un fichier CSS est un fichier texte utilisé pour installer du code CSS, et le code CSS est composé de codes texte avec certaines règles régulières.

Les fichiers CSS ont le suffixe .css. Nous voyons que les fichiers avec le suffixe .css sont des fichiers CSS.

Le fichier CSS est un fichier utilisé conjointement avec le langage HTML pour créer des pages Web. Sa fonction principale est de contrôler la mise en page des articles HTML. En termes simples, il contrôle l'apparence d'affichage des pages Web.

En plus de contrôler la mise en page, le fichier CSS peut également bien séparer le code html et le code CSS, de sorte que le contenu et la mise en page puissent être écrits indépendamment sans interférer les uns avec les autres, et que l'organisation soit plus claire.

Comment HTML appelle-t-il les fichiers CSS ?

1. Type de lien (lien)

Le type de lien chargera le fichier CSS avant de charger le corps principal du fichier de la page Web, donc la page Web affichée aura un effet de style dès le début, et ce ne sera pas le cas. affiché d'abord comme le type importé des pages Web stylisées, puis affiché des pages Web stylisées, c'est l'avantage du style de lien.

Syntaxe :

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >

2. Import (@import)

Import chargera le fichier CSS une fois la page Web entière chargée, cela entraîne donc un problème si la page Web est relativement volumineuse, elle sera affichée en premier. . Après que la page de style clignote pendant un moment, le style de la page Web réapparaîtra. Il s’agit d’un défaut inhérent aux importations.

Grammaire :

<style type="text/css" media="screen">   
@import url("CSS文件路径");
</style>

(Partage vidéo 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