Avant d’apprendre à appliquer le CSS, nous devons d’abord comprendre ce qu’est le CSS. CSS est l'abréviation de Cascading Style Sheets.
* Le langage CSS est un langage de balisage qui ne nécessite pas de compilation et peut être exécuté directement par le navigateur (c'est un langage interprété par le navigateur).
* CSS est responsable de la conception Web standard. contenu de la page Web (XHTML).
* Un fichier CSS peut également être considéré comme un fichier texte, qui contient des balises CSS. Le fichier CSS doit utiliser CSS comme suffixe du nom de fichier.
* Les performances globales de la page Web peuvent être modifiées. en modifiant simplement le fichier CSS, le formulaire peut réduire notre charge de travail, c'est donc un cours obligatoire pour tout concepteur Web
* CSS est produit et maintenu par le groupe de travail CSS du W3C.
Après avoir compris ce qu'est le CSS, nous pouvons facilement l'appliquer. Nous pouvons l'ajouter à votre blog des deux manières suivantes, car la méthode d'application du CSS a le principe de proximité. Autrement dit, la définition de style la plus proche de la cible a une priorité plus élevée. Un style à priorité élevée héritera des définitions qui ne se chevauchent pas du style à faible priorité mais remplacera les définitions qui se chevauchent.
Lien vers un fichier de feuille de style externe (Lien vers une feuille de style)
Vous pouvez d'abord créer un fichier de feuille de style externe (.css), puis utiliser l'objet lien HTML. Un exemple est le suivant :
<head>
＜titre＞Titre du document＜/titre＞
＜lien rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
En XML, vous devez l'ajouter dans la zone de déclaration comme indiqué dans l'exemple suivant :
＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
Définir un objet bloc de style interne (Intégrer un bloc de style)
Vous pouvez insérer un objet bloc <STYLE>...</STYLE> entre les balises <HTML> et <BODY> dans votre document HTML. Pour les méthodes de définition, veuillez vous référer à la syntaxe de la feuille de style. Un exemple est le suivant :
<html>
＜tête＞
＜titre＞Titre du document＜/titre＞
＜style type="text/css"＞
<!--
corps {police : 10pt "Arial"}
h1 {police : 15 pts/17 pts "Arial" ; poids de la police : gras ; couleur : marron}
h2 {police : 13 pts/15 pts "Arial" ; poids de la police : gras ; couleur : bleu}
p {police : 10 pts/12 pts "Arial" ; couleur : noir}
-->
＜/style＞
＜/tête＞
<body>
Veuillez noter que définir ici l'attribut type de l'objet de style sur "text/css" permet aux navigateurs qui ne prennent pas en charge ce type d'ignorer la feuille de style.