CSS+DIV标签命名规范

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-

  注册:regsiter-

  状态:status-

  按钮:btn-

  投票:vote-

  合作伙伴:partner-

  版权:copyRight-

  -

CSSID的命名-

  外套:wrap-

  主导航:mainNav-

  子导航:subnav-

  页脚: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)!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3088588.html

(0)
上一篇 2025年3月28日 09:23:35
下一篇 2025年3月28日 09:23:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 标签

    html 标题(heading)是通过 – 标签来定义的. HTML 段落是通过标签 来定义的. HTML 链接是通过标签 来定义的.  实例: 这是一个链接

    编程技术 2025年3月28日
    100
  • 在HTML/XHTML中的img图像标签应该如何使用

    这次给大家带来在html/xhtml中的img图像标签应该如何使用,在html/xhtml中使用img图像标签的注意事项有哪些,下面就是实战案例,一起来看一下。 图像标签用于在网页里显示一副图像。HTML/XHTML 图像 标签在 XHTM…

    编程技术 2025年3月28日
    100
  • 在XHTML中的标题标签与段落标签有哪些使用方法

    这次给大家带来在xhtml中的标题标签与段落标签有哪些使用方法,在xhtml中使用标题标签与段落标签的注意事项有哪些,下面就是实战案例,一起来看一下。 XHTML 标题概述我们在撰写 Word 文档的时候,常常会使用标题,如 “第一章”、“…

    编程技术 2025年3月28日
    100
  • XHTML中有哪些常用的标签

    这次给大家带来xhtml中有哪些常用的标签,xhtml中使用常用标签的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是 XHTML 标签?XHTML 标签元素是 XHTML 文档的基本组成部分。XHTML 标签可以理解为是 XHTM…

    编程技术 2025年3月28日
    100
  • 怎样使用a标签的href属性与onclick事件

    这次给大家带来怎样使用a标签的href属性与onclickonclick,使用a标签的href属性与onclick事件的onclick有哪些,下面就是实战案例,一起来看一下。 a标签主要用来实现页面跳转,可以通过href属性实现,也可以在o…

    编程技术 2025年3月28日
    100
  • 怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题

    这次给大家带来怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题,解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题的注意事项有哪些,下面就是实战案例,一起来看一下。 textarea 标签 大小不可…

    编程技术 2025年3月28日
    100
  • textarea标签的设置

    这次给大家带来textarea标签的设置,textarea标签设置的注意事项有哪些,下面就是实战案例,一起来看一下。 textarea 标签 大小不可变 登录后复制 textarea标签设置style=”resize:none;…

    编程技术 2025年3月28日
    100
  • 怎样操作a标签的默认样式

    这次给大家带来怎样操作a标签的默认样式,操作a标签的默认样式的注意事项有哪些,下面就是实战案例,一起来看一下。 代码如下: a:link { font-size: 12px; color: #000000; text-decoration:…

    编程技术 2025年3月28日
    100
  • H5中meta标签及作用

    本文主要和大家分享h5中meta标签及作用,希望能帮助到大家。 H5标准声明,使用 HTML5 doctype,不区分大小写 // 标准的 lang 属性写法 // 声明文档使用的字符编码 // 优先使用 IE 最新版本和 Chrome /…

    编程技术 2025年3月28日
    100
  • 讲讲HTML5中被废弃的标签

    本篇文章讲述了HTML5中被废弃的标签,大家对HTML5中被废弃的标签不了解的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧!切记废弃的html标签最好不要使用哦! 在笔试或者面试中常常会遇到html5新标准的问题,下面是总结的…

    编程技术 2025年3月28日
    100

发表回复

登录后才能评论