样式最常用的命名规则_html/css_WEB-ITnose
前端开发命名规则很重要，但是网上的命名规则一大篇，下面是我总结的一些常用的短语，希望能帮到大家，肯定不全，欢迎大家补充。
1.如果是模块，可以这样前缀：
弹出：pop 公共：global（缩写：gb）
标题：title,tit 提示：hint
菜单：menu 信息：info
预览：pvw 导航：nav
2.类型：
按钮：btn 文本：txt
段落：p 图标：icon
颜色：color（缩写：c） 背景：bg
边框：bor
3.作用：
设置：set 添加：add
删除：del 操作：op
密码：pw 导入：inc
4.状态：
成功：suc 失败：lost 透明：tran
基本上常用的就这么多，大家可以一起来补充
5.下面我列的几个小例子：
文本输入框： .input_txt
段落文本颜色： .tx_c_p
密码输入框： .input_pw
相册弹出的设置层： .pop_set_photo
登录密码输入框： .input_pw_login
日志设置成功提示： .hint_suc_blogset
公共提示： .hint_gb
......
6.常用的块命名
页头： header 登录条： loginBar
标志： logo 侧栏： sideBar
广告： Banner 导航： nav
子导航： subNav 菜单： menu
子菜单： subMenu 搜索： search
滚动： scroll 页面主体：main
内容： content 标签页： tab
文章列表：list 提示信息：msg
小技巧： tips 栏目标题：title
加入： joinus 指南： guild
服务： service 热点： hot
新闻： news 下载： download
注册： regsiter 状态： status
投票： vote 友情链接：friendLink
页脚： footer 版权： copyRight
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
macOS : Comment changer la couleur des widgets du bureau
Oct 07, 2023 am 08:17 AM
Dans macOS Sonoma, les widgets n'ont pas besoin d'être masqués hors écran ou oubliés dans le panneau du Centre de notifications comme c'était le cas dans les versions précédentes de macOS d'Apple. Au lieu de cela, ils peuvent être placés directement sur le bureau de votre Mac – ils sont également interactifs. Lorsqu'ils ne sont pas utilisés, les widgets du bureau macOS s'effacent en arrière-plan dans un style monochrome, réduisant ainsi les distractions et vous permettant de vous concentrer sur la tâche à accomplir dans l'application ou la fenêtre active. Cependant, lorsque vous cliquez sur le bureau, ils reviennent en couleur. Si vous préférez un aspect terne et souhaitez conserver cet aspect d'uniformité sur votre bureau, il existe un moyen de le rendre permanent. Les étapes suivantes montrent comment procéder. Ouvrez l'application Paramètres système
Considérations relatives à l'ordre des paramètres dans la dénomination des fonctions C++
Apr 24, 2024 pm 04:21 PM
Dans la dénomination des fonctions C++, il est crucial de prendre en compte l’ordre des paramètres pour améliorer la lisibilité, réduire les erreurs et faciliter la refactorisation. Les conventions courantes d'ordre des paramètres incluent : action-objet, objet-action, signification sémantique et conformité de la bibliothèque standard. L'ordre optimal dépend de l'objectif de la fonction, des types de paramètres, de la confusion potentielle et des conventions du langage.
Guide pour résoudre le désalignement des pages Web WordPress
Mar 05, 2024 pm 01:12 PM
Guide pour résoudre les pages Web WordPress mal alignées Dans le développement de sites Web WordPress, nous rencontrons parfois des éléments de page Web mal alignés. Cela peut être dû à des tailles d'écran sur différents appareils, à la compatibilité du navigateur ou à des paramètres de style CSS inappropriés. Pour résoudre ce désalignement, nous devons analyser soigneusement le problème, trouver les causes possibles, puis le déboguer et le réparer étape par étape. Cet article partagera certains problèmes courants de désalignement des pages Web WordPress et les solutions correspondantes, et fournira des exemples de code spécifiques pour aider à développer
Conception d'image d'arrière-plan Web CSS : créez différents styles et effets d'image d'arrière-plan
Nov 18, 2023 am 08:38 AM
Conception d'image d'arrière-plan de page Web CSS : créez divers styles et effets d'image d'arrière-plan, des exemples de code spécifiques sont requis. Résumé : Dans la conception Web, les images d'arrière-plan sont un élément visuel important, qui peut améliorer efficacement l'attractivité et la lisibilité de la page. Cet article présentera certains styles et effets courants de conception d’image d’arrière-plan CSS, et fournira des exemples de code correspondants. Les lecteurs peuvent sélectionner et appliquer ces styles et effets d'image d'arrière-plan en fonction de leurs propres besoins et préférences pour obtenir de meilleurs effets visuels et une meilleure expérience utilisateur. Mots-clés : CSS, image d'arrière-plan, style de conception, effet, représentation du code
Règles et exceptions pour les comparaisons de pointeurs ?
Jun 04, 2024 pm 06:01 PM
En C/C++, les règles de comparaison des pointeurs sont les suivantes : les pointeurs pointant vers le même objet sont égaux. Les pointeurs vers différents objets ne sont pas égaux. Exception : les pointeurs vers des adresses nulles sont égaux.
Apprenez le cadre de canevas et expliquez en détail le cadre de canevas couramment utilisé
Jan 17, 2024 am 11:03 AM
Explorez le framework Canvas : Pour comprendre quels sont les frameworks Canvas couramment utilisés, des exemples de code spécifiques sont nécessaires. Introduction : Canvas est une API de dessin fournie en HTML5, grâce à laquelle nous pouvons obtenir des graphiques et des effets d'animation riches. Afin d'améliorer l'efficacité et la commodité du dessin, de nombreux développeurs ont développé différents frameworks Canvas. Cet article présentera certains frameworks Canvas couramment utilisés et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre comment utiliser ces frameworks. 1.Cadre EaselJSEa
Annotation Spring révélée : analyse des annotations courantes
Dec 30, 2023 am 11:28 AM
Spring est un framework open source qui fournit de nombreuses annotations pour simplifier et améliorer le développement Java. Cet article expliquera en détail les annotations Spring couramment utilisées et fournira des exemples de code spécifiques. @Autowired : Autowired L'annotation @Autowired peut être utilisée pour câbler automatiquement les beans dans le conteneur Spring. Lorsque nous utilisons l'annotation @Autowired où les dépendances sont requises, Spring trouvera les beans correspondants dans le conteneur et les injectera automatiquement. L'exemple de code est le suivant : @Auto
Conventions de dénomination et règles pour les fonctions PHP
May 19, 2023 am 08:14 AM
En tant que langage de script très populaire, PHP prend en charge une puissante bibliothèque de fonctions. Ses conventions et règles de dénomination des fonctions ont un impact important sur l'efficacité du développement et la lisibilité du code. Cet article présentera les conventions de dénomination et les règles des fonctions PHP. 1. Style de nommage En PHP, les noms de fonctions doivent être strictement conformes aux spécifications et aux règles de nommage. Les spécifications incluent principalement deux aspects : le style de nommage et les règles de nommage. 1. Nomenclature soulignée La nomenclature soulignée est la manière la plus couramment utilisée pour nommer les fonctions PHP et est également une méthode officiellement recommandée. Noms de fonctions qui suivent ce modèle
