(1) Règles de dénomination CSS couramment utilisées
En-tête : en-tête
Contenu : contenu/conteneur
Queue : pied de page
Navigation : navigation
Barre latérale : barre latérale
Colonne : colonne
Largeur globale de mise en page du contrôle périphérique de page : wrapper
centre gauche droit : centre gauche droit
Barre de connexion : barre de connexion
Logo:logo
Publicité : bannière
Corps de la page : principale
Point chaud : chaud
Actualités : actualités
Télécharger : télécharger
Sous-navigation : sous-navigation
Menus : menus
Sous-menu : sous-menu
Rechercher : rechercher
Lien amical : lien ami
Pied de page : pied de page
Droit d'auteur : droit d'auteur
défilement:défilement
Contenu : contenu
Page de balise : onglet
Liste d'articles : liste
Message d'invite : msg
Conseils : conseils
Titre de la colonne : titre
Rejoindre : nous rejoindre
Guide : guilde
Prestation : prestation
S'inscrire : s'inscrire
Statut : statut
Voter : voter
Partenaire : partenaire
(2) Comment rédiger des commentaires :
/* Pied de page */
zone de contenu
/* Fin du pied de page */
(3) Dénomination de l'identifiant :
(1)Structure des pages
conteneur : conteneur
En-tête : en-tête
Contenu : contenu/conteneur
Corps de la page : principale
Pied de page : pied de page
Navigation : navigation
Barre latérale : barre latérale
Colonne : colonne
Largeur globale de mise en page du contrôle périphérique de page : wrapper
centre gauche droit : centre gauche droit
(2)Navigation
Navigation : navigation
Navigation principale : mainbav
Sous-navigation : sous-navigation
Navigation supérieure : topnav
Navigation latérale : barre latérale
Navigation de gauche : barre latérale gauche
Navigation de droite : barre latérale droite
Menus : menus
Sous-menu : sous-menu
titre : titre
résumé: résumé
(3)Fonction
Logo:logo
Publicité : bannière
Connexion : connexion
Barre de connexion : barre de connexion
S'inscrire : s'inscrire
Rechercher : rechercher
Ruban : boutique
Titre : titre
Rejoindre : nous rejoindre
Statut : statut
Bouton : bouton
défilement:défilement
Page de balise : onglet
Liste d'articles : liste
Message d'invite : msg
courant : courant
Conseils : conseils
icône : icône
Remarque : remarque
Guide : guilde
Prestation : prestation
Point chaud : chaud
Actualités : actualités
Télécharger : télécharger
Voter : voter
Partenaire : partenaire
Liens amicaux : lien
Droit d'auteur : droit d'auteur
(4) Dénomination des classes :
(1) Couleur : utilisez le nom ou le code hexadécimal de la couleur, tel que
.rouge { couleur : rouge }
.f60 { couleur : #f60 }
.ff8600 { couleur : #ff8600 }
(2) Taille de la police, utilisez directement "police+taille de police" comme nom, par exemple
.font12px { taille de police : 12px ;
.font9pt {taille de police : 9pt }
(3) Style d'alignement, utilisez le nom anglais de la cible d'alignement, tel que
.left { float:gauche }
.bottom { float:bas }
(4) Style de barre de titre, nommé en utilisant "catégorie + fonction", tel que
.barnews { }
.barproduit { }
Note::
1. Toujours en minuscules ;
2. Utilisez l'anglais autant que possible ;
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.
mainmaster.css
modulemodule.css
Base partagée de base.css
Mise en page, mise en page layout.css
thèmes thèmes.css
colonnescolonnes.css
police de texte.css
formulaires.css
patchmend.css
printprint.css
L'auteur, veuillez contacter ce site et inclure votre nom rapidement. E-mail de contact : edu#chinaz.com (remplacez # par @).