CSS+DIV标签命名规范

PHP中文网

发布时间：2016-06-24 12:32:44

1167人浏览过

来源于php中文网

原创

css+div标签命名规范
　登录条:loginbar-

　　标志:logo-

　　侧栏:sideBar-

　　广告:banner-

　　导航:nav-

立即学习“前端免费学习笔记（深入）”；

　　子导航:subNav-

　　菜单:menu-

　　子菜单:subMenu-

　　搜索:search-

　　滚动:scroll-

　　页面主体:main-

　　内容:content-

　　标签页:tab-

　　文章列表:list-

　　提示信息:msg-

　　小技巧:tips-

　　栏目标题:title-

　　友情链接:friendLink-

　　页脚:footer-

　　加入:joinus-

　　指南:guild-

　　服务:service-

　　热点:hot-

　　新闻:news-

　　下载:download-

　　状态:status-

　　按钮:btn-

　　投票:vote-

　　合作伙伴:partner-

　　版权:copyRight-

CSSID的命名-

　　外套:wrap-

　　主导航:mainNav-

　　子导航:subnav-

多多校园网络店铺

v3.3增加是否允许用户注册选项，重些登陆验证代码，取消SessionTimeout设置，改成前后台登陆验证设置，重写短消息单元，所有短信功能在个页面完成，更改相关短信连接和图片设置，美化相关小图片，修正若干个小问题，全新界面正装上市丰富用户字段，重命名相关文件，以方便使用管理，适合开发规范，重写修改密码，修改资料，店铺标志上传，店铺公告，店铺连接代码，店铺资料修改，商品发布、修改、删除功能，二手

下载

　　页脚:footer-

　　整个页面:content-

　　页眉:header-

　　页脚:footer-

　　商标:label-

　　标题:title-

　　主导航:mainNav(globalNav)-

　　顶导航:topnav-

　　边导航:sidebar-

　　左导航:leftsideBar-

　　右导航:rightsideBar-

　　旗志:logo-

　　标语:banner-

　　菜单内容1:menu1Content-

　　菜单容量:menuContainer-

　　子菜单:submenu-

　　边导航图标:sidebarIcon-

　　注释:note-

　　面包屑:breadCrumb(即页面所处位置导航提示)-

　　容器:container-

　　内容:content-

　　搜索:search-

　　登陆:login-

　　功能区:shop(如购物车，收银台)-

　　当前的current-

样式文件命名-

　　主要的:master.css-

　　布局版面:layout.css-

　　专栏:columns.css-

　　文字:font.css-

　　打印样式:print.css-

　　主题:themes.css-

以上就是CSS+DIV标签命名规范的内容，更多相关内容请关注PHP中文网（www.php.cn）！

CSS 中 inline-block 元素底部空白的成因与解决方案

CSS 中 inline-block 元素底部的意外空白：原因与解决方案

如何在 DataTables 初始化时阻塞原始表格渲染并显示加载动画

如何在标题旁正确显示带渐变背景的内联小方块

如何在HTML中仅用内联样式实现响应式图片切换

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：CSS+DIV实现鼠标经过背景变色_html/css_WEB-ITnose 下一篇：seo优化div css_html/css_WEB-ITnose

作者最新文章

小米笔记本重装系统的方法

2024-07-12 05:54

Thinkpad如何重装系统

2024-07-12 05:55

Nvidia控制面板显示设置不可用怎么办

2024-07-15 13:06

美颜相机怎么做海报

2024-07-15 13:06

美颜相机怎么贴纸遮脸脸

2024-07-15 13:09

美颜相机扣款怎么关掉

2024-07-15 13:10

如何开通拼多多

2024-07-15 13:10

拼多多开店如何选品类

2024-07-15 13:12

拼多多是如何成立的

2024-07-15 13:13

是大事

2024-12-27 16:41

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发 AI 聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI 编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 AI 聊天问答

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发 AI 文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发 AI 文本写作

智谱清言 - 免费全能的AI助手

AI 编程开发 Agent智能体

相关专题

clawdbot ai使用教程保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。

2026.01.29

clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址

clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。

2026.01.29

Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用，包括对称加密与非对称加密（AES、RSA）、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范（如SQL注入、XSS、CSRF）及其防护措施。通过实战案例，帮助学习者掌握如何使用 Go 语言保障网络通信的安全性，保护用户数据与隐私。

2026.01.29

俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总，涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

545

2026.01.28

包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口，涵盖备用域名、正版无广告链接及多端适配地址，助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

191

2026.01.28

ao3中文版官网地址大全

AO3最新中文版官网入口合集，汇总2026年主站及国内优化镜像链接，支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

328

2026.01.28

php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程，助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

2026.01.28

php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

2026.01.28

Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用，涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理，以及在高并发系统中的异步解耦设计。通过实战案例，帮助学习者掌握使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

2026.01.28

热门下载

网站特效

网站源码

网站素材

前端模板