Une règle de dénomination CSS à lire absolument pour les débutants

L'éditeur ci-dessous vous proposera une brève discussion sur les règles de dénomination CSS (une lecture incontournable pour les novices). L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil.

En-tête : en-tête　
Contenu : contenu/conteneur　
Queue : pied de page　
Navigation : nav　
Barre latérale : barre latérale
Colonne : colonne
Largeur globale de mise en page du contrôle périphérique de la page : wrapper　
Centre gauche droit　
Barre de connexion : barre de connexion　
Marque : logo　
Publicité : bannière　
Corps de la page : principale　：hot　
Actualités : news
Télécharger : télécharger Pied de page : pied de page
Copyright : copyright
Titre de la colonne : titre
Rejoindre : joinus
Guide : guilde
Service : service
S'inscrire : regsiter
Statut : statut
Vote : vote
Partenaires : partenaire



Comment rédiger des commentaires



/* Pied de page */
Zone de contenu
/* Fin de pied de page */

Nom de l'ID

Conteneur : conteneur En-tête : en-tête Contenu : contenu /container

Corps de la page : page principale

Queue : pied de page
Navigation : navigation
Barre latérale : barre latérale

Colonne : colonne

Contrôle périphérique de la page largeur globale de la mise en page : wrapper gauche droite centre

Nom des identifiants





Structure des pages

Conteneur : conteneur
En-tête ：header Contenu : contenu/conteneur Corps de la page : principale Pied de page : pied de page Navigation : navigation

Barre latérale : barre latérale

Colonne : colonne Contrôle périphérique de la page Largeur globale de la mise en page : wrapper Centre gauche droit

Navigation



Navigation : nav
Navigation principale : mainbav
Sous-navigation : subnav
Navigation supérieure : topnav
Navigation latérale : barre latérale
Navigation gauche : barre latérale gauche

Navigation droite : barre latérale droite

Menu : menu Sous-menu : sous-menu Titre : titre Résumé : résumé

Fonction


Marque : logo
Publicité : bannière
Connexion : connexion
Barre de connexion :loginbar
Inscription : regsiter
Recherche : recherche
Ruban : boutique

Titre : titre

Rejoindre : joinus Statut : statut Bouton : btn Défilement : faites défiler Page à onglets : onglet
Liste d'articles : liste
Message d'invite : msg
Actuel : actuel
Conseils : conseils
Icône : icône
Remarque : note
Guide : guilde
Service : service
Hot spot : hot
Actualités : actualités
Téléchargement : téléchargement
Vote : vote
Partenaire : partenaire
Lien amical : lien
Copyright : copyright



nom de classe



(1) Couleur : utilisez le nom de la couleur ou le code hexadécimal, tel que
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; >

(2) Taille de la police, utilisez directement "taille de la police" nom, tel que

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; } (3) Style d'alignement, utilisez le nom anglais de la cible d'alignement , Tel que .left { float:left; }

.bottom { float:bottom; }

(4) Style de barre de titre, nommé à l'aide d'une "fonction de catégorie", tel que
.barnews { }
.barproduct { }

Notes

1. Toujours en minuscules ; utiliser l'anglais ;
3. N'ajoutez pas de tirets ni de soulignements

4. Essayez de ne pas abréger les mots à moins qu'ils ne soient faciles à comprendre en un coup d'œil

Main master.css
Module module.css.
En gros, partagez base.css

layout, layout.css

thèmes.css columns.css text font.css form.css patch mend.css

Print print.css

Ce qui précède est l'intégralité du contenu de la brève discussion sur les règles de dénomination CSS (une lecture incontournable pour les débutants) apportée par l'éditeur. J'espère que tout le monde soutiendra le site Web PHP chinois ~

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!