达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
PHP互联网工程师
 当前位置:主页 > 高端课程 > PHP互联网工程师 >

常用的CSS命名规范大总结,非常实用(收藏)

时间:2019-04-23  来源:未知  作者:广州达内培训

CSS命名由小写的英文单词或组合命名,单词与单词之间通过“-”连接,常用的CSS命名规范有文本命名规范,页面结构命名规范,导航命名以及功能命名等。

CSS 命名一般采用小写英文单词或组合命名,单词与单词之间以"-"分割,而且英文单词不缩写,除非是那种简单一眼看上去就能明白的单词。接下来在文章中分享一些CSS中常用的命名规范,希望对大家有所帮助

【推荐课程:CSS教程

文本命名规范

index.css: 一般用于首页建立样式

head.css: 头部样式,当多个页面头部设计风格相同时使用。

base.css: 共用样式。

style.css:独立页面所使用的样式文件。

global.css:页面样式基础,全局公用样式,页面中必须包含。

layout.css:布局、版面样式,公用类型较多时使用,一般用在首页级页面和产品类页面中

module.css:模块,用于产品类页,也可与其它样式配合使用。

master.css:主要的样式表

columns.css:专栏样式

themes.css:主体样式

forms.css:表单样式

mend.css:补丁,基于以上样式进行的私有化修补。

页面结构命名:

page:代表整个页面,用于最外层。

wrap:外套,将所有元素包在一起的一个外围包,用于最外层

wrapper:页面外围控制整体布局宽度,用于最外层

container:一个整体容器,用于最外层

head,header:页头区域,用于头部

nav: 导航条

content:内容,网站中最重要的内容区域,用于网页中部主体

main:网站中的主要区域(表示最重要的一块位置),用于中部主体内容

column:栏目

sidebar:侧栏

foot,footer:页尾、页脚。网站一些附加信息放置区域,(或命名为 copyright)用于底部

导航命名:

nav, navbar, navigation, nav-wrapper:导航条或导航包,代表横向导航

topnav:顶部导航

mainbav:主导航

subnav:子导航

sidebar:边导航

leftsidebar 或 sidebar_a:左导航

rightsidebar 或 sidebar_b:右导航

title:标题

summary:摘要

menu:菜单,区域包含一般的链接和菜单

submenu:子菜单

drop:下拉

dorpmenu:下拉菜单

links:链接菜单

功能命名:

logo:标记网站logo标志

banner:标语、广告条、顶部广告条

login:登陆,(例如登录表单:form-login)

loginbar:登录条

register:注册

tool, toolbar:工具条

search:搜索

searchbar:搜索条

searchlnput:搜索输入框

shop:功能区,表示现在的

icon:小图标

label:商标

homepage:首页

subpage:二级页面子页面

hot:热门热点

list:文章列表,(例如:新闻列表:list-news)

scroll:滚动

tab:标签

sitemap:网站地图

msg 或 message:提示信息

current:当前的

joinus:加入

status:状态

btn:按钮,(例如:搜索按钮可写成:btn-search)

tips:小技巧

note:注释

guild:指南

arr, arrow:标记箭头

service:服务

breadcrumb:(即页面所处位置导航提示)

download:下载

vote:投票

siteinfo:网站信息

partner:合作伙伴

link, friendlink:友情链接

copyright:版权信息

siteinfoCredits:信誉

siteinfoLegal:法律信息


上一篇:ThinkPHP6.0RC2版本发布——架构升级、精简核心
下一篇:没有了

友情链接:
  • Xubuntu 19.04准备提供更新的轻量级Xfce桌面体验
  • Oracle的Ksplice实时内核补丁可以检测到已知的漏洞
  • 优麒麟19.04正式版发布,激流勇进,精益求精!
  • intel i40e驱动程序支持Linux 5.2的动态设备个性化
  • 微软发布全新开源编程语言Bosque,以Functors取代Loop循环
  • NVIDIA 418.52.05 Linux驱动程序为非RTX GPU带来Vulkan光线追踪
  • Panfrost DRM驱动程序被添加到Linux 5.2用于Midgard/Bifrost图形
  • Mozilla为Windows版的Firefox Nightly提供原生画中画功能
  • NULL TTY驱动程序将出现在Linux 5.2内核中
  • Ubuntu 19.10代号将以Eoan开头,与黎明或东方有关
  • Crystal 0.28.0 发布,改进的语言、范围、库查找等
  • Linux 5.2引入了现场总线子系统
  • JITLink被合并LLVM代码库
  • 2019年,大多数Linux发行版仍然没有限制Dmesg的访问
  • SuperTuxKart 1.0 发布,开源Linux赛车游戏
  • GNOME Shell&Mutter 3.32.1发布,许多修复
  • KDE Applications 19.04开源软件套件已正式发布
  • Android Studio 3.4发布,支持Android Q Beta和Intellij 2018.3.
  • ZFS的提示已经让我们对Ubuntu 19.10充满了期待
  • Linux 5.1为全屏选择键盘映射,切换显示键
  • Zstd 1.4 发布,更好的压缩/解压缩性能
  • Qt 6可能会放弃它们短暂的通用Windows平台支持
  • AMDGPU在Linux 5.2之前还有另一轮更新
  • Mesa的Vulkan驱动程序将在19.1分支之前完成更多的扩展工作
  • FreeBSD映像重新与ZFS On Linux的代码进行测试
  • VirtualBox 6.0.6发布,支持Linux 5.0和Linux 5.1内核
  • 在微软基于Chromium的新Edge浏览器中试用阅读模式
  • Google可能会通过Google Play商店分发Android系统更新
  • Ubuntu 19.04 (Disco Dingo) 正式发布,提供所有官方口味ISO映像
  • Microsoft Edge 75 Dev现在可供下载
  • VIRTIO 1.1 发布,2D图形支持,Evdev输入设备
  • OPPO全球第三家超级旗舰店开业
  • NoScript for Chrome现已推出
  • LibreOffice 6.2.3 Office套件发布,90多个Bug修复
  • WPS 2019 更新版(8392)发布,搭配优麒麟 19.04 运行更奇妙!
  • Platform9开源Klusterkit,以简化Kubernetes集群的部署和操作
  • 南国七星彩票论坛
  • 来彩彩票网
  • 体彩排列3开奖
  • 内蒙古时时彩
  • 糖果派对算法