Maison >interface Web >tutoriel HTML >Parlons de ma compréhension du CSS
Parlons de ma compréhension du CSS
- 零下一度original
- 2017-06-24 11:46:292167parcourir
Nous avons parlé de HTML simple le premier jour et de CSS simple le deuxième jour. Alors aujourd'hui, parlons de la façon d'utiliser leur combinaison !
Parlons d'abord du. méthode de citation et comment l'utiliser !
1. Feuille de style interne (Mettez-la dans
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <style></span><span style="color: #008080">3</span> <span style="color: #ff0000"> div{
4 color:red:
5 }</span><span style="color: #008080">6</span> <span style="color: #800000"> </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span>[Astuce] : La zone rouge est Styles. , et les sélecteurs d'éléments
2. Feuilles de style en ligne (styles écrits dans des balises)
<p style="color: red;"></p>
Remarque : Syntaxe Ce doit être les attributs et les valeurs d'attribut dans le style ="" guillemets doubles !
3. Les feuilles de style externes (introduisant les feuilles de style CSS externes) sont mieux placées dans l'en-tête
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <link rel="stylesheet" href="xxx.css?1.1.11"><br> </head><br></span>
Remarque : "stylesheet" //Feuille de style
href //Adresse
Le xxx dans xxx.css est le nom du fichier, et c'est votre nom de fichier personnalisé !(Le suffixe . css ne peut pas être modifié !)
Il y a aussi le sélecteur CSS ! Le sélecteur est une partie importante de la feuille de style CSS
Sélecteur CSS
1. Sélecteur d'élément
div, p, span, hr, etc. De nombreux éléments qui utilisent directement des accolades sont des sélecteurs d'éléments
2. Sélecteur d'ID (id)
Nous utilisons la valeur de l'attribut id pour modifiez l'attribut et le style de l'étiquette dans la feuille de style.
Syntaxe :
{ :; :; }Ensuite, l'effet est comme ceci :
C'est tout ce que j'écrirai aujourd'hui ! Et puis... je vais abandonner ! Parce que j'ai dit qu'il fallait écrire quelque chose de avancé et pas de basique Alors ! J'ai définitivement abandonné ! Je continuerai à mettre à jour cela quand j'aurai le temps !!!
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!