CSS命名规范(建议版)(转)

容    器:container/box 
头    部:header 
主 导 航:mainNav 
子 导 航:subNav 
顶 导 航:topNav 
网站标志:logo 
大 广 告:banner 
页面中部:mainBody 
底    部:footer 
菜    单:menu 
菜单内容:menuContent 
子 菜 单:subMenu 
子菜单内容:subMenuContent 
搜    索:search 
搜索关键字:keyword 
搜索范围:range 
标签文字:tagTitle 
标签内容:tagContent 
当前标签:tagCurrent/currentTag 
标   题:title 
内    容:content 
列    表:list 
当前位置:currentPath 
侧 边 栏:sidebar 
图    标:icon 
注    释:note 
登    录:login 
注    册:register 
列 定 义:column_1of3 (三列中的第一列)
         column_2of3 (三列中的第二列)
         column_3of3 (三列中的第三列)

外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footer
整个页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单:  submenu
边导航图标:sidebarIcon
注释:   note
面包屑:  breadcrumb(即页面所处位置导航提示)
容器:   container
内容:   content
搜索:   search
登陆:   Login
功能区:  shop(如购物车,收银台)
当前的   current

2.另外在编辑样式表时可用的注释可这样写:
<-- Footer -->
内容区
<-- End Footer -->

3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css 

转载于:https://www.cnblogs.com/jianjunyue/archive/2010/04/21/1717186.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/423194.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

kafka 思维导图

最近在培训沟通力过程中&#xff0c;一句话说的特别好&#xff0c;有输入就要有输出&#xff0c;最近又学习了一遍kafka 给大家分享一下

【C++深度剖析教程28】C++对象模型分析

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 今天记录学习的内容是&#xff1a;C对象模型分析&#xff01;&#xff01;&#xff01; 本质分析&#xff1a; class是一种特殊的struct 在内存中cl…

.Net Excel 部分操作

range.NumberFormatLocal ""; //设置单元格格式为文本 range (Range)worksheet.get_Range("A1", "E1"); //获取Excel多个单元格区域&#xff1a;本例做为Excel表头 range.Merge(0); //单元格合并动作 worksheet.Cells[1, 1] &…

【C++深度剖析教程29】C++对象模型分析下

加qq1126137994&#xff0c;微信&#xff1a;liu1126137994 一起学习更多技术&#xff01;&#xff01;&#xff01; 今天来继续学习C对象模型&#xff01; 在C编译器内部&#xff0c;类可以理解为结构体子类是由父类成员叠加子类新成员得到的 下面来写一个程序分析C的继承…

java 思维导图

最近有时间&#xff0c;又整理了一下java 思维导图&#xff0c;持续优化中 子模块拆分总结&#xff1a;java基础 java思维导图 总结

ASP.NET页面揭秘之页面生命周期【转】

首先简单介绍下Page类。 在.NET Framework中&#xff0c;Page类提供了ASP.NET应用程序从.aspx文件开始创建的所有对象的基本行为。Page类在System.Web.UI命名空间中定义&#xff0c;它派生于TemplateControl类并实现了IHttpHandler接口。TemplateControl类是一个抽象类&#xf…

【常见笔试面试算法题12续集一】动态规划算法案例1台阶问题练习题

加qq1126137994 一起学习更多技术&#xff01;&#xff01;&#xff01; 以下问题&#xff0c;都可以用非动态规划的方法做&#xff0c;我为了整理动态规划的方法思路&#xff0c;就全部用动态规划的思路来解决问题&#xff0c;这样还可以简化问题的处理&#xff0c;是时间复杂…

linux 思维导图

工作中使用总结的linux 分享一下

ADO.NET 3.5 Cookbook:一、连接数据(1)保存连接字符串

问题 转载于:https://www.cnblogs.com/PocketZ/archive/2010/04/27/1722555.html

【常见笔试面试算法题12续集二】动态规划算法案例2矩阵最小路径和练习题

加qq1126137994 一起学习更多技术&#xff01;&#xff01;&#xff01; 有一个矩阵map&#xff0c;它每个格子有一个权值。从左上角的格子开始每次只能向右或者向下走&#xff0c;最后到达右下角的位置&#xff0c;路径上所有的数字累加起来就是路径和&#xff0c;返回所有的…

mysql数据库思维导图

先前总结的一下数据库的思维导图&#xff0c;和大家分享一下&#xff0c;持续更新&#xff1b; 最近面试数据仓库工程师&#xff0c;过程中&#xff0c;问到索引类型&#xff0c;只是记得&#xff0c;普通索引&#xff0c;唯一索引&#xff0c;还有主键&#xff0c;面试中让说…

【常见笔试面试算法题12续集三】动态规划算法案例分析3 LIS练习题(最长上升子序列)

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 这是一个经典的LIS(即最长上升子序列)问题&#xff0c;请设计一个尽量优的解法求出序列的最长上升子序列的长度。 给定一个序列arr及它的长度n(长度小…

数据思维

最近听的一本书&#xff0c;《数据思维》&#xff1a;分享一下 1.【数据定义】 能被电子化的叫做数据&#xff0c;滴滴司机数据化&#xff0c;ofo数据化&#xff0c;堵车数据化&#xff0c;太形象了&#xff0c;数据以后会是电&#xff1b; 注意&#xff01;数据与自己业…

【常见笔试面试算法题12续集四】动态规划算法案例分析4 LCS练习题练习题(最长公共子序列的长度)

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 给定两个字符串A和B&#xff0c;返回两个字符串的最长公共子序列的长度。例如&#xff0c;A"1A2C3D4B56”&#xff0c;B"B1D23CA45B6A”&am…

MSMQ(MicroSoft Message Queue,微软消息队列)

MSMQ(MicroSoft Message Queue&#xff0c;微软消息队列)是在多个不同的应用之间实现相互通信的一种异步传输模式&#xff0c;相互通信的应用可以分布于同一台机器上&#xff0c;也可以分布于相连的网络空间中的任一位置。它的实现原理是&#xff1a;消息的发送者把自己想要发送…

hive 思维导图

1.整理了word文档&#xff0c;但是感觉没有思维导图清晰 &#xff0c;持续更新中 ​ hive 工作中分享。

【常见笔试面试算法题12续集五】动态规划算法案例分析5 01背包练习题

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 一个背包有一定的承重cap&#xff0c;有N件物品&#xff0c;每件都有自己的价值&#xff0c;记录在数组v中&#xff0c;也都有自己的重量&#xff0c;…

结构思考力思维导图

个人提升&#xff0c;喜欢钻研的同时&#xff0c;需要增加一下&#xff0c;其他方面的知识&#xff0c;分享一下&#xff1a;

我的JavaScript for Visual Studio插件开源了

最近忙于别的事情&#xff0c;我的JavaScript for Visual Studio插件一直没有做什么更新了很是对不起大家。不过觉得这个东西如果做好的话对大家还是有帮助的&#xff0c;所以我还是把代码share出来&#xff0c;这样大家可以一起来扩展&#xff0c;人多力量大嘛我希望大家一起来…

常用内存分配函数的说明

下面哪种C/C 分配内存的方法会将分配的空间初始化为0 A malloc() B calloc() C realloc() D new[ ] 1) malloc 函数&#xff1a; void *malloc(unsigned int size) 在内存的动态分配区域中分配一个长度为size的连续空间&#xff0c;如果分配成功&#xff0c;则返回所分配…