Maison  >  Article  >  interface Web  >  Partager les règles de dénomination frontale div+css

Partager les règles de dénomination frontale div+css

yulia
yuliaoriginal
2018-09-19 16:00:051807parcourir

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 frontale

1. 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn