Explication détaillée des différences entre la classification des feuilles de style de base CSS et la classification des sélecteurs-tutoriel CSS-php.cn

text-align : left;"> 1. 🎜> Séparation du contenu et des performances

Les performances de la page Web sont unifiées et faciles à modifier

Riche Le style rend la mise en page de la page Web plus flexible

Réduisez la quantité de code de page Web, augmentez la vitesse de navigation de la page Web et économiser la bande passante du réseau

L'utilisation de CSS indépendamment de la page Web aidera la page Web à être indexée par les moteurs de recherche

ID intégré> ID externe> classe intégrée

>Classe externe>Tag intégré>Tag externe 1.1 Méthode d'introduction

Quatre types de

style ="" Feuille de style en ligne

Feuille de style interne

&lt ;link rel="stylesheet" href="" /> Feuille de style externe (la plus utilisée)

@import "" , essayez de ne pas l'utiliser ! ! !

1.2 Méthode d'introduction

Priorité Inline&gt ;Interne>Externe>Importer

1.3 La différence entre le type de lien et le type d'importation :

La balise appartient à XHTML, @import appartient à CSS2.1

Utilisez le CSS de Le fichier est d'abord chargé dans la page web, puis compilé et affiché

A l'aide du fichier CSS importé par @import, le client affiche la structure HTML, puis charge le fichier CSS dans la page Web

@import est unique à CSS2.1 et n'est pas valide pour les navigateurs qui ne sont pas compatibles avec CSS2. 1;

2. Sélecteur

2.1 Quels sélecteurs et leurs priorités

Instrument Il peut y avoir plusieurs élément P Tongci

*

2.2 Priorité du sélecteur ID > Élément > 3. Styles de base (couramment utilisés pour le texte, les images, les listes)

background背景 Copier après la connexion 1.background-color 背景色 （16进制数 rgb rgba 英文名） Copier après la connexion 2.background-image 背景图 Copier après la connexion 3.background-size 背景大小 （像素、百分比） Copier après la connexion 4.background-repeat （repeat-x repeat-y no-repeat） Copier après la connexion 5.background-position (通过方向值来指定，通过百分比指定，通过确切的像素值指定) Copier après la connexion 6.background-attachment 是否随着浏览器滚动，使用它图片会相对浏览器固定住（bg-position和bg-attachment不要一起使用） Copier après la connexion 7.background复合属性 可以把之前的属性定义在这一个里面，【一般书写顺序：颜色、图片、是否重复、是否固定、位置】 Copier après la connexion color color

color Spécifie la couleur du texte

opacité Définir la transparence de l'élément, 1 opaque 0 entièrement transparent

police de police

font-style précise le style de police du texte ( normal, italique )

font-variant Spécifie si le texte doit être en petites majuscules (fonctionne pour l'anglais)

font-weight précise l'épaisseur du texte ( n'a que deux styles ) gras gras

font-size spécifie la taille de la police du texte

font-family définit le texte pour utiliser une certaine police

Liste couramment utilisée des familles de polices chinoises //m.sbmmt.com/xiazai/sucai/ziti

police Attributs composites

Ordre général : style de police, qu'il s'agisse de petites majuscules, d'épaisseur de police, de taille de police, de police

texte attribut de texte

couleur , text-align , line-height , espacement des lettres , alignement vertical , indentation du texte , décoration du texte ;

-----【vertical -align----->1. Couramment utilisé pour la saisie dans une zone de texte, 2. Combiné avec { affichage : table-cell;}, il peut être utilisé pour centrer verticalement l'image]

-----[valign-----> ne s'applique qu'aux cellules du tableau, par exemple top ' height='100px'>c'est la cellule 】

-----[align-----> />, par exemple : right " width ="200" size="20" color="pink"/> 🎜>

,Par exemple： ······ > Le texte est affiché par rapport au haut de l'image ;

…·····Attendez, je ne les listerai pas un par un ;]