博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
第64天:CSS常用命名规范,有用!
阅读量:7209 次
发布时间:2019-06-29

本文共 1227 字,大约阅读时间需要 4 分钟。

CSS常用命名,必须记住

一、常用命名

标题:title

摘要:summary

箭头:arrow

商标:label

网站标志:logo

转角/圆角:corner

横幅广告:banner

子菜单:subMenu

搜索框:searchBox

登录:login

登录条:loginbar

工具条:toolbar

下拉:drop

标签页:tab

当前的:current

列表:list

滚动:scroll

服务:service

提示信息:msg

热点:hot

新闻:news

小技巧:tips

下载:download

栏目标题:title

热点:hot

加入:joinus

注册:regsiter

指南:guide

友情链接:friendlink

状态:status

版权:copyright

按钮:btn

合作伙伴:partner

投票:vote

左/右/中:left/right/center

简介:profiles

评论:comment

二、页面结构

容器:container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

三、导航

导航:nav

主导航:mainnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题:title

摘要:summary

四、功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:register

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

当前的:current

小技巧:tips

图标:icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

五、看一些class命名

1、颜色:使用颜色的名称或者16进制代码,如:

.red{color:red}

.f60{color:#f60}

.ff8600{color:#ff8600}

2、字体大小,直接使用font+字体大小作为名称,如:

.font12px{font-size:12px}

.font9pt{font-size:9pt}

3、对齐样式,使用对齐目标的英文名称,如:

.left{float:left}

.bottom{float:bottom}

4、标题栏样式,使用类别+功能的方式命名,如:

.barnews{}

.barproduct{}

转载地址:http://jvlum.baihongyu.com/

你可能感兴趣的文章
3分钟快速presentation
查看>>
弹出无边框网页的Javscrpt代码
查看>>
C#代码中背后进行的值拷贝
查看>>
事件处理程序的执行上下文
查看>>
现代软件工程讲义 目录
查看>>
android 拨打电话与发送短信
查看>>
ORM内核原理解析之:延迟加载
查看>>
Oracle 默认表空间(default permanent tablespace) 说明
查看>>
jquery 遍历 TextBox 输入框求和,求平均值并判断输入内容是否为数字
查看>>
设计模式之十(外观模式)
查看>>
Dapper的语法应用
查看>>
easyui的validatebox重写自定义验证规则的几个实例
查看>>
ubuntu下定时任务的执行
查看>>
Effective C++ 条款44
查看>>
如何用消息系统避免分布式事务?
查看>>
Linux curl使用简单介绍 (转)
查看>>
Deep Learning(深度学习)学习笔记整理系列之(一)
查看>>
查看sqlserver被锁的表以及如何解锁
查看>>
WinCE的开发流程
查看>>
iOS网络层架构设计分享
查看>>