Points essentiels pour un apprentissage simple du CSS-tutoriel CSS-php.cn

Points essentiels pour un apprentissage simple du CSS

不言

Libérer： 2018-04-21 15:46:32

original

1328 Les gens l'ont consulté

Le contenu présenté dans cet article représente les points clés de l'apprentissage simple du CSS, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

Référence : http:/. /www.w3school.com.cn/css

CSS est quelque chose qui rend l'affichage des éléments HTML plus standardisé. Il peut être écrit dans des balises, des en-têtes de fichiers, des fichiers externes et des paramètres par défaut du navigateur (niveaux élevés). trop faible), peut être standardisé.

Élément {Attribut : valeur>

h1 {color:red; font-size:14px;}

Copier après la connexion

Définissez la couleur du texte dans l'élément h1 sur rouge et définissez la taille de la police sur 14 pixels

Correspondance à la casse CSS Insensible . Il existe une exception : lorsqu'il s'agit de travailler avec des documents HTML, les noms de classe et d'identifiant sont sensibles à la casse.

Vous pouvez regrouper les sélecteurs afin que les sélecteurs groupés partagent la même déclaration.

h1,h2,h3,h4,h5,h6 {  color: green;  }

Copier après la connexion

Tous les éléments du titre sont verts.

Le sélecteur d'identifiant est défini avec "#"

#red {color:red;}#green {color:green;}

Copier après la connexion

Le premier peut définir la couleur de l'élément comme rouge, et le second peut définir la couleur de l'élément comme vert

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

Copier après la connexion

L'attribut id ne peut apparaître qu'une seule fois dans chaque document HTML

Sélecteur dérivé : définir les styles via le contexte
sélecteur d'identifiant : définir des styles pour un identifiant spécifique avec #
Sélecteur de classe :. Nom de la classe
Sélecteur d'attribut : définir les styles pour les attributs spécifiés

Feuille de style externe :

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

Copier après la connexion

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!