CSS标准化设计命名

1、类class的命名规范示例

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guild

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner

2、 id的命名规范示例

(1)页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

(2)导航

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

(3)功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

当前的: current

小技巧:tips

图标: icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

html页面布局名称,HTML页面模块的常用命名相关推荐

  1. div css 登录页面布局,DIV+CSS页面布局

    页面布局设计 一.三行模式或三列模式 特点:把整个页面水平.垂直分成三个区域. 三行模式:将页面分成头部.主体及页脚三部分 三列模式:将页面分成左.中.右三个部分 在CSS文件里: 1.三行模式代码 ...

  2. 后台管理页面布局、web页面布局

    做一个简单的页面布局 演示地址:https://genin.gitee.io/web-demo/web-layout.html 基本结构如下 <body> <!-- svg图标 -- ...

  3. cad页面布局快捷键_CAD绘图中的常用按键以及功效

    CAD软件中的常用快捷键有很多,下面就来介绍一些比较常见的功能的快捷键吧! 复制对象CO或CP 创建属性定义AT 编辑单个块的可变属性ATE 修改对象的颜色.图层.线型和厚度CH 设置新对象的颜色CO ...

  4. 页面布局 - 后台管理页面布局

    需要制作出如下图片的效果 : <!DOCTYPE html><html lang="en"><head> <meta charset=&q ...

  5. SharePoint 创建页面布局

    一.前言 文章成体系,如果有不明白的地方请查看前面的文章. 二.目录 1.创建页面布局 2.首次使用页面布局 3.修改页面布局 4.使用页面布局 5.最终效果 1.创建页面布局 (1)打开设计管理器, ...

  6. 计算机自创的页面布局在哪里,excel页面的布局在哪里?

    [-字数组成] 第1部分: "在Excel2010工作簿中使用"页面布局"视图" 在Excel2010工作簿中使用"页面布局"视图 在Exc ...

  7. 页面布局的方式——前端

    页面布局的方式--前端 文章目录 页面布局的方式--前端 页面布局的方式 双飞翼布局 多栏布局 弹性布局(Flexbox) 瀑布流布局 流式布局(Fluid) 响应式布局 注 页面布局的方式 页面布局 ...

  8. ArcGIS arcpy代码工具——批量对MXD文件的页面布局设置修改

    批量对MXD文件的页面布局设置修改 功能说明: 1 修改前的分幅图状态 2 代码分段 (1)设置工作空间,获取MXD文件 . (2)循环遍历每个mxd文件 . (3)打开mxd文档 . (4)设置页面 ...

  9. xml信息管理系统_WPF信息管理系统项目实战教程二:使用XAML实现页面布局

    首页面布局设计 XAML(Extensible Application Markup Language),可扩展应用程序标记语言的使用使得C#桌面应用程序开发前后端实现真正分离.前端人员可使用该标记语 ...

最新文章

  1. Java学习总结:47(打印流)
  2. python 数据库查询结果邮件提醒_Python实现的查询mysql数据库并通过邮件发送信息功能...
  3. 隐马尔科夫模型-EM模型-混合理解
  4. MSP430G2553 移植 Contiki RTOS 实时操作系统
  5. 6、Flutter Error waiting for a debug connection: ProcessException: adb did not report f(转)
  6. bigdecimal 除法保留两位小数_【名师课堂】苏教数学五年级上总复习9.4小数的四则计算...
  7. c语言qsort函数对结构体的一级排序,sort和qsort函数对结构体的二级排序
  8. 一个VSCode插件实现软妹音程序员鼓励师24小时在线,还能吐槽PM
  9. 17年前那场疫情:马云隔离在家,刘强东关了12家店,俞敏洪欠债700万......
  10. 【电子设计】AD15快捷键整理
  11. 关于nmap和traceroute在虚拟机里使用的问题
  12. spire.pdf使用
  13. 并非单纯怀旧 美图秀秀打造华丽复古色调
  14. 深入Flutter(四) Infinite scrolling -- 无限滚动
  15. 用python整个活(6)——完全数
  16. Java面试重点_4. 一文彻底搞懂Java中的反射 0.5
  17. TL-link WAR1208L多wan路由器带宽叠加设置
  18. Promise过程中穿插用户操作
  19. dapper 连接mysql_使用Dapper访问SQL Server数据库
  20. 如何使用阿里云的短息服务

热门文章

  1. R语言ggplot2可视化使用ggplot2::ggsave函数和gridextra::marrangegrob函数将多个可视化结果保存在pdf文件中
  2. R语言data.table导入数据实战:data.table使用字符向量创建新的数据列
  3. R语言dataframe数据列格式转换(从整型integer转化为浮点型float)
  4. Python中sklearn中HistGradientBoostingRegressor回归器配置单调约束参数monotonic_cst提高回归模型的抗噪声以及局部扰动的能力
  5. R语言Logistic回归模型案例:低出生婴儿体重的影响因素分析(列线图、校准曲线)
  6. R语言数值向上近似函数(round, ceiling, floor, trunc, signif)实战
  7. BI+Tableau
  8. PaSS:用于 PacBio 测序的测序模拟器
  9. 数字图像处理2:传统插值
  10. linux偏向swap,solaris/linux 增加swap交换空间的方法