CSS命名规则

作者: 赵佳乐1016 | 来源:发表于2019-04-11 12:37 被阅读72次

    CSS命名规则:

       头: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
    
       标签页:tab
    
       文章列表:list
    
       提示信息:msg
    
       小技巧:tips
    
       栏目标题:title
    
       加入:joinus
    
       指南:guild
    
       服务:service
    
       注册:regsiter
    
       状态:status
    
       投票:vote
    
       合作伙伴:partner
    

    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

    1.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

    2.样式文件命名

    主要的:master.css

    布局版面:layout.css

    专栏:columns.css

    文字:font.css

    打印样式:print.css

    主题:themes.css

    相关文章

      网友评论

        本文标题:CSS命名规则

        本文链接:https://www.haomeiwen.com/subject/qfgviqtx.html