在HTML文档中class名以及id名的命名规则
来源:互联网 发布:网络词安利是什么意思 编辑:程序博客网 时间:2024/05/29 16:19
注意:命名不要以数字开始
了解class与id区别及用法
命名写法:
1. 每个单词中间以“_”隔开 #main_left_box{}
2. 驼峰命名 从第二个单词开始每个单词的首字母大写 #mainLeftBox{}
3. 用包含选择器,定义元素时候能找到这个元素并且不影响其他元素即可
如:.top p span em{}可以写成 .top em{}前提是,不影响其它元素样式
命名原则:可根据每块元素的主题 或者功能、在页面上的位置来定义名称,便于管理查找和维护
常用简例如下:(可根据内容需要组合使用)
顶部:top:
顶导航:topNav top_nav
页头: header 如:#header{属性:属性值;}或.header{属性:属性值;},
页面主体:main
页脚:footer
侧栏:sideBar
边导航图标:sidebarIcon
广告:banner
外 套:wrap
栏目标题:title
内容:content
菜单: menu
子菜单:subMenu
菜单内容1: menu1Content
导航:nav
子导航:subNav
搜索:search
登录条:loginBar
标志:logo
指南:guild
新闻:news
热点:hot
下载:download
服务:service
登陆:login
注册:regisiter
合作伙伴:partner
版权:copyRight
友情链接:friendLink
标签页:tab
当前:current
文章列表:list
提示信息:msg
加入:joinus
小技巧:tips
投票:vote
状态:status
滚动:scroll
按钮:btn
商 标:label
了解class与id区别及用法
命名写法:
1. 每个单词中间以“_”隔开 #main_left_box{}
2. 驼峰命名 从第二个单词开始每个单词的首字母大写 #mainLeftBox{}
3. 用包含选择器,定义元素时候能找到这个元素并且不影响其他元素即可
如:.top p span em{}可以写成 .top em{}前提是,不影响其它元素样式
命名原则:可根据每块元素的主题 或者功能、在页面上的位置来定义名称,便于管理查找和维护
常用简例如下:(可根据内容需要组合使用)
顶部:top:
顶导航:topNav top_nav
页头: header 如:#header{属性:属性值;}或.header{属性:属性值;},
页面主体:main
页脚:footer
侧栏:sideBar
边导航图标:sidebarIcon
广告:banner
外 套:wrap
栏目标题:title
内容:content
菜单: menu
子菜单:subMenu
菜单内容1: menu1Content
导航:nav
子导航:subNav
搜索:search
登录条:loginBar
标志:logo
指南:guild
新闻:news
热点:hot
下载:download
服务:service
登陆:login
注册:regisiter
合作伙伴:partner
版权:copyRight
友情链接:friendLink
标签页:tab
当前:current
文章列表:list
提示信息:msg
加入:joinus
小技巧:tips
投票:vote
状态:status
滚动:scroll
按钮:btn
商 标:label
阅读全文
1 0
- 在HTML文档中class名以及id名的命名规则
- class类名命名规则
- 变量名的命名规则
- 变量名的命名规则
- 类名的命名规则:
- C语言中变量名的命名规则
- javaScript中对象的属性名命名规则
- C语言中变量名的命名规则
- Java语言中,包名、类名、接口名、方法名、变量名,以及常量名的命名有何规范的命名习惯
- Java语言中,包名、类名、接口名、方法名、变量名,以及常量名的命名有何规范的命名习惯
- C语言——内部名,外部名及C语言中标识符的命名规则
- C语言中变量名及函数名的命名规则
- C++ 导出函数名的命名规则。
- C++ 导出函数名的命名规则。
- 较好的类名命名规则
- java 包名、类名命名规则
- 变量名命名规则,构造方法的作用,类名命名规则
- java变量名命名规则
- Conda: Myths and Misconceptions (Conda之谬见与误解,兼论与pip的异同,本文为上篇)
- 实现:每个月的1到5日,提醒客户填写计划
- The Django Book 2.0--中文版
- <job_mode><Qt>二维码生成
- 收获,不止SQL优化——抓住SQL的本质--第十五章
- 在HTML文档中class名以及id名的命名规则
- 浅谈区块链
- JavaScript 基本类型和引用类型的区别
- IDEA debug 断点无效
- VPN网关最佳实践系列(一)如何让VPC之间互通
- 文章学习《语音识别的前世今生|深度学习彻底改变对话式人工智能》
- Maven的生命周期
- 收获,不止SQL优化——抓住SQL的本质--第十六章
- gcd,扩展gcd