• 一般CSS元素及文件命名方法


    良好的CSS命名可以语义化你的代码,不仅仅是人读起来舒服,听说对SEO也有好处(没有考证过),下面是流行的样式命名,记录一下。
    ———————-
    页头:header
    登录条: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
    注册:register
    状态: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.样式文件命名
    重置的:reset.css
    主要的:master.css
    布局版面:layout.css
    专栏:columns.css
    文字:font.css
    打印样式:print.css
    主题:themes.css

    我抬头仰望,星星给予仰望者光芒……
  • 相关阅读:
    Linux基础知识
    redis info
    记录: 解决 pycurl: libcurl link-time ssl backend (openssl) is different from compile-time ssl backend (none/other)
    IOS IAP 自动续订 之 利用rabbitmq延时队列自动轮询检查是否续订成功
    Python3.6 的字典为什么会快
    IAP 订阅后端踩坑总结之 Google 篇
    docker 命令合集
    Python Schema使用说明
    Apache Bench测试
    channels2.X 学习笔记
  • 原文地址:https://www.cnblogs.com/koon/p/1619933.html
Copyright © 2020-2023  润新知