Parlons de ma compréhension du CSS-tutoriel HTML-php.cn

Parlons de ma compréhension du CSS

零下一度

Libérer： 2017-06-24 11:46:29

original

2156 Les gens l'ont consulté

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>

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

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 :

       { :; :; }

Copier après la connexion

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!