当前位置: 首页 > news >正文

HTML/CSS常用的命名规则

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

  头: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

  标签:tags

  文章列表:list

  提示信息:msg

  小技巧:tips

  栏目标题:title

  加入:joinus

  指南:guide

  服务:service

  注册:regsiter

  状态:status

  投票:vote

  合作伙伴:partner

注释的写法:

  /* Header */

  内容区

  /* End Header */

Id的命名:

  1)页面结构

  容器: container

  页头:header

  内容:content/container

  页面主体:main

  页尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

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

  左右中:left right center

(2)导航

  导航:nav

  主导航:mainnav

  子导航:subnav

  顶导航:topnav

  边导航:sidebar

  左导航:leftsidebar

  右导航:rightsidebar

  菜单:menu

  子菜单:submenu

  标题: title

  摘要: summary

(3)功能

  标志:logo

  广告:banner

  登陆:login

  登录条:loginbar

  注册:register

  搜索:search

  功能区:shop

  标题:title

  加入:joinus

  状态:status

  按钮:btn

  滚动:scroll

  标籤页:tab

  文章列表:list

  提示信息:msg

  当前的: current

  小技巧:tips

  图标: icon

  注释:note

  指南:guild

  服务:service

  热点:hot

  新闻:news

  下载:download

  投票:vote

  合作伙伴:partner

  友情链接:link

  版权:copyright

注意事项::

  1.一律小写;

  2.尽量用英文;

  3.不加中槓和下划线;

  4.尽量不缩写,除非一看就明白的单词。

CSS样式表文件命名

  主要的 master.css

  模块 module.css

  基本共用 base.css

  布局、版面 layout.css

  主题 themes.css

  专栏 columns.css

  文字 font.css

  表单 forms.css

  补丁 mend.css

  打印 print.css

  左右中:left right center

  登录条:loginbar

  标志:logo

  广告:banner

  页面主体:main

  热点:hot

  新闻:news

  下载:download

  子导航:subnav

  菜单:menu

  子菜单:submenu

  搜索:search

  友情链接:friendlink

  页脚:footer

  版权:copyright

  滚动:scroll

  内容:content

  标签:tags

  文章列表:list

  提示信息:msg

  小技巧:tips

  栏目标题:title

  加入:joinus

  指南:guide

  服务:service

  注册:regsiter

  状态:status

  投票:vote

  合作伙伴:partner

注释的写法:

  /* Header */

  内容区

  /* End Header */

Id的命名:

  1)页面结构

  容器: container

  页头:header

  内容:content/container

  页面主体:main

  页尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

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

  左右中:left right center

(2)导航

  导航:nav

  主导航:mainnav

  子导航:subnav

  顶导航:topnav

  边导航:sidebar

  左导航:leftsidebar

  右导航:rightsidebar

  菜单:menu

  子菜单:submenu

  标题: title

  摘要: summary

(3)功能

  标志:logo

  广告:banner

  登陆:login

  登录条:loginbar

  注册:register

  搜索:search

  功能区:shop

  标题:title

  加入:joinus

  状态:status

  按钮:btn

  滚动:scroll

  标籤页:tab

  文章列表:list

  提示信息:msg

  当前的: current

  小技巧:tips

  图标: icon

  注释:note

  指南:guild

  服务:service

  热点:hot

  新闻:news

  下载:download

  投票:vote

  合作伙伴:partner

  友情链接:link

  版权:copyright

注意事项::

  1.一律小写;

  2.尽量用英文;

  3.不加中槓和下划线;

  4.尽量不缩写,除非一看就明白的单词。

CSS样式表文件命名

  主要的 master.css

  模块 module.css

  基本共用 base.css

  布局、版面 layout.css

  主题 themes.css

  专栏 columns.css

  文字 font.css

  表单 forms.css

  补丁 mend.css

  打印 print.css

转载于:https://my.oschina.net/AnymoreCoder/blog/834831

相关文章:

  • Java googlecode JSON 解析示例
  • background-clip
  • Docker的常用命令-02
  • 【MongoDB】从入门到精通mongdb系列学习宝典,想学mongodb小伙伴请进来
  • SAS描述统计量
  • 老毛桃PE修改方法(屏蔽更改主页,屏蔽加装的绿色浏览器)
  • 2017年2月12日 WER学习总结
  • InfluxDB和MySQL的读写对比测试
  • 制作 OpenStack Linux 镜像 - 每天5分钟玩转 OpenStack(151)
  • HBase入门基础教程 HBase之单机模式与伪分布式模式安装
  • linux 创建sudo账号.md
  • Git基础之(十一)——远程仓库——从远程库克隆
  • 素数筛
  • ActiveMq持久化数据
  • ERROR! The server quit without updating PID file (/usr/local/var/mysql/bogon.pid).
  • 2018一半小结一波
  • Akka系列(七):Actor持久化之Akka persistence
  • Cookie 在前端中的实践
  • Druid 在有赞的实践
  • egg(89)--egg之redis的发布和订阅
  • k8s如何管理Pod
  • nodejs:开发并发布一个nodejs包
  • nodejs实现webservice问题总结
  • Objective-C 中关联引用的概念
  • React+TypeScript入门
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • unity如何实现一个固定宽度的orthagraphic相机
  • Vue实战(四)登录/注册页的实现
  • windows下使用nginx调试简介
  • 扑朔迷离的属性和特性【彻底弄清】
  • 思否第一天
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 中文输入法与React文本输入框的问题与解决方案
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • #[Composer学习笔记]Part1:安装composer并通过composer创建一个项目
  • (20)目标检测算法之YOLOv5计算预选框、详解anchor计算
  • (31)对象的克隆
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (实战篇)如何缓存数据
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (学习日记)2024.03.25:UCOSIII第二十二节:系统启动流程详解
  • (转)mysql使用Navicat 导出和导入数据库
  • ..回顾17,展望18
  • .NET 4 并行(多核)“.NET研究”编程系列之二 从Task开始
  • .NET 使用 JustAssembly 比较两个不同版本程序集的 API 变化
  • .netcore 如何获取系统中所有session_ASP.NET Core如何解决分布式Session一致性问题
  • .pop ----remove 删除
  • @AliasFor注解
  • [bzoj1038][ZJOI2008]瞭望塔
  • [codevs 1296] 营业额统计
  • [javaSE] GUI(Action事件)
  • [LitCTF 2023]Http pro max plus