• CSS常用选择器名


    一、页面结构划分

    box 盒子
    wrap 包裹
    container 容器


    header 头部
    main 主要区域
    footer 底部

    content 内容区域
    banner 横幅广告区域
    menu 菜单

     

    二、模块划分

    mod 模块,常用mod1,mod2 ,mod3 , mod4....等用于表示模块分组。

    mainMenu 主菜单,用于表示首页的菜单
    mainnav 主导航,用于表示首页的导航

    nav 导航

    top 顶部
    topnav 顶部导航
    topbar 顶部工具(菜单)区域 常用于商场页面。

    sidebar 侧栏
    subnav 子级导航
    regbox 注册模块
    loginbox 登录模块


    bottom 底部
    bottomnav 底部导航
    bottombar 底部工具

    left 左
    right 右


    三、子栏目划分

    title 标题
    msg 信息
    vote 投票
    tab 标签页
    icon 图标
    note 注释
    logo
    button 按钮
    login 登录
    breadcrumbs 面包屑
    search 搜索框
    searchBar 搜索工具条
    search_results 搜索结果
    siteinfo 网站信息
    joinus 加入我们
    weather 天气
    city 城市
    tag 标签
    tip 提示
    hot 热,推荐
    copyright 版权
    friendLink 友情链接
    center 居中
    middle 垂直居中
    manage 信息框
    branding 商标
    partner 合作伙伴service
    service 服务
    tool 工具条
    arr 箭头
    stiemap 网站地图
    guild 指南
    drop 下拉
    dorpmenu 下拉菜单
    status 状态
    scroll 滚动
    news 新闻
    download 下载
    blog 博客
    forum 论坛

    页面产品的CSS常用取名
    products 产品
    products_prices 产品价格
    products_description 产品描述
    products_review 产品品论
    news_products 最新产品

     

    2.样式文件常用名

    全局/通用样式
    global.css
    common.css

    基本共用
    base.css

    主题样式:
    themes.css

    表单样式:
    forms.css

    补丁样式:
    mend.css

    框架布局:
    layout.css

    字体样式:
    font.css

    打印样式:
    print.css

    栏目样式:
    column.css

    综合样式:
    style.css

    单独样式:
    文件名.css

     

    注:每个主结构向内化分,可以用_r、_l、_t、_m、_b来表示。

  • 相关阅读:
    Java学习笔记-关键字super
    Java学习笔记 -方法覆盖和多态
    刷题笔记-图论
    刷题笔记 -宽搜bfs和深搜dfs
    刷题笔记-双指针算法
    python之switch语句,优化多个if语句
    激光驱动上位机软件开发引言
    上位机开发之PyQt5知识点
    stm32 关于正负数的运算(待验证)
    c语言之关键字volatile
  • 原文地址:https://www.cnblogs.com/HCJJ/p/5025253.html
Copyright © 2020-2023  润新知