第64天:CSS经常使用命名规范,有用!

2021年09月15日 阅读数:1
这篇文章主要向大家介绍第64天:CSS经常使用命名规范,有用!,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

CSS经常使用命名,必须记住

1、经常使用命名

标题:titleapp

摘要:summaryide

箭头:arrow工具

商标:label布局

网站标志:logo字体

转角/圆角:corner网站

横幅广告:bannerui

子菜单:subMenuspa

搜索框:searchBox.net

登陆:loginip

登陆条: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

2、页面结构

容器:container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

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

3、导航

导航:nav

主导航:mainnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题:title

摘要:summary

4、功能

标志: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

5、看一些class命名

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

.red{color:red}

.f60{color:#f60}

.ff8600{color:#ff8600}

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

.font12px{font-size:12px}

.font9pt{font-size:9pt}

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

.left{float:left}

.bottom{float:bottom}

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

.barnews{}

.barproduct{}

本文同步分享在 博客“半指温柔乐”(CNBlog)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。