Un résumé des conventions de dénomination CSS couramment utilisées, très pratique (collection)

La dénomination CSS est composée de mots ou de combinaisons anglais minuscules, et les mots sont reliés par "-". Les spécifications de dénomination CSS couramment utilisées incluent les spécifications de dénomination de texte, les spécifications de dénomination de la structure des pages, la dénomination de la navigation et la dénomination des fonctions.

La dénomination CSS utilise généralement des mots anglais minuscules ou des combinaisons de noms. Les mots sont séparés par "-", et les mots anglais ne sont pas abrégés à moins qu'il ne s'agisse de mots simples qui peuvent être compris d'un seul coup d'œil. Ensuite, je partagerai quelques conventions de dénomination couramment utilisées en CSS dans l'article. J'espère que cela sera utile à tout le monde

[Cours recommandés : <.>Tutoriel CSS]

Convention de dénomination du texte

index.css : Généralement utilisé pour créer des styles sur la page d'accueil

head.css : style d'en-tête, utilisé lorsque plusieurs en-têtes de page ont le même style de conception.

base.css : styles partagés.

style.css : fichier de style utilisé par les pages indépendantes.

global.css : La base du style de page, le style public global, qui doit être inclus dans la page.

layout.css : mise en page, style de mise en page, utilisé lorsqu'il existe de nombreux types courants, généralement utilisé dans les pages d'accueil et les pages de produits

module.css : module, utilisé pour les pages de produits, peut également être utilisé avec d’autres styles.

master.css : feuille de style principale

columns.css : style de colonne

themes.css : style du corps principal

forms.css : style de formulaire

mend.css : patch, un patch privé basé sur le style ci-dessus.

Nom de la structure de la page :

page : représente la page entière, utilisée pour la couche la plus externe.

wrap : coat, un emballage périphérique qui enveloppe tous les éléments ensemble, utilisé pour la couche la plus externe

wrapper : contrôle périphérique de la page, largeur globale de la mise en page, utilisée pour la couche la plus externe

conteneur : un conteneur global, utilisé pour la

tête la plus externe, en-tête : zone d'en-tête, utilisée pour l'en-tête

nav : barre de navigation

content : contenu, le plus important zone de contenu du site Web, utilisée pour le corps intermédiaire de la page Web

main : la zone principale du site Web (indiquant la position la plus importante), utilisée pour le contenu du corps intermédiaire

colonne : colonne

barre latérale : barre latérale

pied, pied de page : pied de page, pied de page. Certaines zones de placement d'informations supplémentaires sur le site Web (ou nommées copyright) sont utilisées en bas

Nom de la navigation :

nav, navbar, navigation, nav-wrapper : barre de navigation ou package de navigation, représentant la navigation horizontale

topnav : navigation supérieure

mainbav : navigation principale

subnav : sous-navigation

barre latérale : navigation latérale

leftsidebar ou sidebar_a : navigation à gauche

rightsidebar ou sidebar_b : navigation à droite

titre : titre

résumé : résumé

menu : menu, la zone contient des liens et des menus généraux

sous-menu : sous-menu

drop : menu déroulant

dorpmenu : menu déroulant

liens : menu de liens

Nom de la fonction :

logo : marquer le logo du site Web

bannière : slogan, bannière publicitaire, bannière publicitaire supérieure

connexion : connexion, (comme formulaire de connexion : formulaire-login)

barre de connexion : barre de connexion

s'inscrire : inscription

outil, barre d'outils : barre d'outils

recherche : recherche

barre de recherche : barre de recherche

searchlnput : zone de saisie de recherche

boutique : ruban, représentant le

icône actuelle : petite icône

étiquette : marque

page d'accueil : page d'accueil

sous-page : sous-page de page secondaire

hot : points chauds populaires

liste : liste d'articles, (par exemple : liste d'actualités : liste -actualités)

défilement : défilement

onglet : étiquette

plan du site : plan du site

msg ou message : message rapide

actuel : Actuel

joinus : Rejoindre

statut : Statut

btn : Bouton, (par exemple : le bouton de recherche peut s'écrire comme : btn-search )

conseils : Conseils

remarque : Notes

guilde : Guide

arr, flèche : Marquer la flèche

service : Service

fil d'Ariane : (c'est-à-dire des invites de navigation pour l'emplacement de la page)

télécharger : télécharger

voter : voter

siteinfo : informations sur le site Web

partenaire : partenaire

lien, lien ami : lien convivial

copyright : informations de copyright

infositeCrédits : réputation

infositeLegal : informations légales