📅 最后修改于: 2023-12-03 15:15:33.210000 🧑 作者: Mango
HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont deux langages utilisés pour créer et styliser les pages web. HTML fournit la structure et le contenu de la page, tandis que CSS définit le style et la mise en forme de la page.
CSS permet de séparer la présentation de la structure d'une page web. En utilisant des fichiers CSS séparés, on peut appliquer des styles cohérents à l'ensemble du site web, simplifier la maintenance et la mise à jour du design, ainsi que rendre le code HTML plus propre et compréhensible.
Pour lier un fichier CSS à une page HTML, il suffit d'utiliser la balise <link> dans l'en-tête (head) du document HTML. Voici un exemple de code HTML :
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>
Dans cet exemple, le fichier CSS se nomme "styles.css" et doit être placé dans le même répertoire que le fichier HTML.
Les règles CSS sont définies à l'intérieur d'un fichier CSS. Chaque règle est composée d'un sélecteur et d'une déclaration. Le sélecteur indique quel élément HTML doit appliquer la déclaration.
Voici un exemple de règle CSS :
h1 {
color: red;
font-size: 24px;
}
Dans cet exemple, la règle CSS est appliquée à tous les éléments <h1> de la page. Le texte sera coloré en rouge et aura une taille de police de 24 pixels.
En utilisant un fichier CSS séparé, on peut facilement styliser et personnaliser le design d'un site web. Il permet de garder le code HTML plus clair et facilite la maintenance du design. En combinant HTML et CSS, les développeurs peuvent créer des pages web attractives et modernes.