Maison > Article > interface Web > Partager les règles de dénomination frontale div+css
Lorsque nous développons des pages Web CSS+DIV, la chose la plus déroutante et la plus confuse est la dénomination CSS, en particulier les débutants qui ne savent pas comment la nommer et ont souvent l'impression de manquer de mots. Ensuite, je vais vous en parler. 🎜>div+ Les amis qui en ont besoin peuvent se référer aux règles de dénomination frontale CSS. J'espère que cela vous sera utile.
Détails des spécifications de la mise en page frontale1. Spécification de dénomination :
Exigences de base : 1. ) Fichier L'encodage utilise uniformément l'encodage UTF-8 ; 2) Lors de la dénomination, la sémantique est utilisée comme index de référence principal, les normes d'écriture d'attributs CSS sont adoptées et un style et une méthode de dénomination unifiés sont adoptés ; 🎜>3) La structure est claire et hiérarchique La relation est claire, avec pas plus de trois niveaux comme standard
4) Les exigences de style d'une même expression peuvent être réutilisées, et le style ; les exigences de la classe de composants du module peuvent être transplantées en externe dans leur ensemble
5) Écrire du CSS Lorsque vous utilisez des CSS Hacks, vous devez éviter de les utiliser si vous le pouvez.
6) Toutes les pages sont conçues par défaut pour les navigateurs les plus proches des standards tels que Firefox, puis utilisent la fonction de commentaire conditionnel unique d'IE pour des corrections ciblées.
7) Veuillez utiliser l'anglais pour nommer et essayez d'éviter d'utiliser le pinyin. La dénomination doit être lisible et les abréviations doivent être évitées autant que possible. Bien que les chiffres soient autorisés dans la dénomination, les noms numériques doivent être évités autant que possible.
2. Méthode de dénomination Une méthode de dénomination unifiée est requise. Les méthodes de dénomination couramment utilisées sont :
1) Nomenclature en série, telle que : helloworld
2) Nomenclature médiane, telle que : hello-world (cette méthode est actuellement utilisée par beaucoup, et elle est recommandé)
3) Souligner la nomenclature, telle que : hello_world
4) Nomenclature chameau, telle que : helloWorld
5) Nomenclature Pascal, telle que : HelloWorld
6) Autres méthodes.
3. Conventions de dénomination des fichiers de style telles que :
Global : global.css ;
Principal :
Mise en page et mise en page : mise en page ; .css ;
colonnes : colonnes.css ;
texte : font.css ;
style d'impression :
thème : thèmes . css;
Patch : pacth.css
Format du navigateur : base.css, etc.
4. Noms communs pour les noms d'ID et de classe
En-tête : en-tête
Barre de connexion : barre de connexion
Logo : logo
Barre latérale : barre latérale
Publicité : bannière
Navigation : nav
Sous-navigation : sous-nav
Menu : menu
Sous-menu : sous-menu
Recherche : recherche
Défilement : défilement
Corps de la page : principale
Contenu : contenu
Page de balises : onglet
Liste d'articles : liste
Message d'invite : msg
Conseils : conseils
Titre de la colonne : titre
Rejoindre : joinus
Guide : guilde
Service : service
Hot spot : hot
Actualités : actualités
Télécharger : télécharger
S'inscrire : regsiter
Statut : status
Bouton : btn
Vote : voter
Partenaire : partenaire
Liens amis : lien ami
Copyright : copyright
Manteau : wrap
Pied de page : pied de page
Titre : titre
Haut navigation : top-nav (mini-nav)
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!