Qu'est-ce qu'un fichier CSS ?

Le fichier CSS est un fichier texte écrit en utilisant les règles grammaticales spécifiées par CSS, avec l'extension ".css" ; c'est un fichier utilisé en conjonction avec le langage HTML pour créer des pages Web. du document html, en termes simples, il s'agit de contrôler l'apparence d'affichage des pages Web.

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

Les fichiers CSS sont suffixés par .css Nous voyons que les fichiers avec le suffixe .css sont des fichiers CSS.

Le fichier CSS lui-même est en fait un fichier texte, ​​il est simplement écrit en utilisant les règles de syntaxe spécifiées par CSS afin que le navigateur puisse le reconnaître.

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 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.

Les fichiers CSS peuvent être placés dans différents fichiers HTML pour unifier les styles de toutes les pages du site Web ; de plus, mettre le code CSS dans un seul fichier CSS facilite la gestion, réduit le temps de code et de maintenance lors de la modification du fichier CSS, de tous les fichiers CSS ; sont appliqués Les fichiers HTML du document seront mis à jour sans avoir à récupérer toutes les pages du serveur puis à les télécharger après modification.

Comment HTML appelle les fichiers CSS

1. Type de lien (lien)

Le type de lien relie les fichiers de feuille de style externes aux documents HTML via la balise méthode, et c’est aussi la méthode la plus pratique. Cette méthode sépare complètement les documents HTML et les fichiers CSS, réalise une séparation complète de la couche structure et de la couche présentation, et améliore l'évolutivité de la structure des pages Web et la maintenabilité des styles CSS.

Syntaxe :

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

2. Importer (@import)

Importer des styles Utilisez la commande @import pour importer des feuilles de style externes.

La méthode d'importation 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, une page sans style apparaîtra en premier, et après un flash, le style du Web. apparaîtra. Il s’agit d’un défaut inhérent aux importations.

Il existe 6 méthodes d'écriture pour les styles importés :

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

(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!