zoukankan      html  css  js  c++  java
  • 常用CSS命名参考

          最近项目进行到了Web界面设计这一块儿,所以必须重新开始CSS学习,(之前一直想掌握这一技术,但是总是没有恒心,哎,失败),不过最近终于开始,也给自己定了计划,认真学习CSS+XHTML的开发技术,下面的这个资料是在浏览DW8时看到的,感觉非常不错,最近也是设计公司的编码规范,虽然现阶段只要做C#和数据库的设计规范,但是可能后面CSS和XHTML等也会出现类似的问题,所以先将此资料收藏,以备后用.

    在XHTML中定义ID、CLASSS都用得上,主要是方面CSS定义样式时能一眼看穿。所以,CSS命名仅作参考。

    (1)页面结构类

    容器: container
    页头:header
    内容:content/container
    页面主体:main
    页尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper

    (2)导航类

    导航:nav
    主导航:mainnav
    子导航:subnav
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    位置导航: crumb
    菜单:menu
    子菜单:submenu
    面包屑:breadcrumb(即页面所处位置导航提示)


    (3)网页内容类

    标题: title
    摘要: summary
    箭头: arrow
    商标: label
    网站标志: logo
    转角/圆角: corner
    横幅广告: banner
    栏目: column
    子菜单: subMenu

    搜索: search
    搜索框: searchBox
    登录: login
    工具条: toolbar
    下拉: drop
    标签页: tab
    当前的: current
    列表: list

    滚动: scroll
    服务: service
    提示信息: msg
    新闻: news
    小技巧: tips
    下载: download
    栏目标题: title
    热点: hot
    加入: joinus
    注册: regsiter
    指南: guide

    友情链接: friendlink
    状态: status
    版权: copyright
    按钮: btn
    合作伙伴: partner
    投票: vote
  • 相关阅读:
    ssm(spring+springmvc+mybatis)整合之环境配置
    OD机试题
    openpyxl 读取多个excle中的数据并保存到List中
    Python比较2个字典有哪些值不一致
    Python 正则表达式 匹配小数
    开始入驻博客园,审批神速,赞
    VUE入门实例
    VUE使用axios调用后台API接口
    Redis、Memcached和Tair,同为分布式缓存Redis为何更胜一筹?
    Redis可以用作消息队列吗?
  • 原文地址:https://www.cnblogs.com/EasonWu/p/1180116.html
Copyright © 2011-2022 走看看