css相关命名

文章讲述了CSS中命名元素的规则,强调不应以数字开头,推荐使用小写、下划线分隔或驼峰式命名。同时提到了一些常见的页面元素命名,如header、loginBar、nav等,并指出应控制选择器层级以避免影响其他元素。
摘要由CSDN通过智能技术生成

命名不要以数字开始

命名:根据每块元素的主题 或者功能、在页面上的位置

命名的几种格式:

1.全部小写

2.每个单词中间以“_”隔开 #main_left_box{}

3.驼峰命名 从第二个单词开始每个单词的首字母大写 #mainLeftBox{}

注意.包含选择器层级要控制,能找到这个元素并且不影响其他元素即可

页头:header

如:#header{属性:属性值;}或.header{属性:属性值;},

登录条:loginBar 标志:logo 侧栏:sideBar

广告:banner 导航:nav 子导航:subNav

菜单:menu 子菜单:subMenu 搜索:search

滚动:scroll 页面主体:main 内容:content

标签页:tab 文章列表:list 提示信息:msg

小技巧:tips 栏目标题:title 加入:joinus

指南:guild 服务:service 热点:hot

新闻:news 按钮:btn 投票:vote

状态:status

合作伙伴:partner

外 套:wrap

商 标:label

标 题:title

顶导航:topnav

边导航:sidebar

左导航:leftsideBar

右导航:rightsideBar

横幅:banner

菜单内容1: menu1Content

菜单容量: menuContainer

子菜单:  submenu

边导航图标:sidebarIcon

注释:   note

版 权:copyRight

友情链接:friendLink

当前:current

容器:container

页脚:footer

功能区:

shop(如购物车,收银台) 搜索:search 登陆:login 注册:regsiter 下载:download

面包屑:breadCrumb(即页面所处位置导航提示)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值