CSS样式表命名规则有哪些

发布时间:2021-08-11 15:26:43 作者:Leah
来源:亿速云 阅读:186

CSS样式表命名规则有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

首先讲一下DIV+CSS样式表的id的常用命名规则如下表所示:

页头

header

登录条

loginBar

标志

logo

侧栏

sideBar

广告

Banner

导航

nav

子导航

subNav

菜单

menu

子菜单

subMenu

搜索

search

滚动

scroll

页面主体

main

内容

content

标签页

tab

文章列表

list

提示信息

msg

小技巧

tips

栏目标题

title

加入

joinus

指南

guild

服务

service

热点

hot

新闻

news

下载

download

注册

regsiter

状态

status

按钮

btn

投票

vote

合作伙伴

partner

友情链接

friendLink

页脚

footer

版权

copyRight

 

 

实际上上面的DIV+CSS样式表的id命名也会经常用大小写和_来区分,比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。

再讲一下DIV+CSS样式表的class的常用命名规则如下表所示:

 外 套

wrap

主导航

mainNav

子导航

subnav

页 脚

footer

整个页面

content

页 眉

header

商 标

label

标 题

title

主导航

mainNav

边导航

sidebar

左导航

leftsideBar

右导航

rightsideBar

旗 志

logo

标 语

banner

菜单内容

menu1Content

菜单容量

menuContainer

子菜单

submenu

边导航图标

sidebarIcon

注释

note

面包屑

breadCrumb

容器

container

内容

content

搜索

search

登陆

login

功能区

shop

当前的

current

 

 


看完上述内容,你们掌握CSS样式表命名规则有哪些的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. CSS层叠样式表常见属性有哪些
  2. 使用css样式表 优点有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:Nginx虚拟主机中怎么配置双主机

下一篇:JavaScript中怎么调用iframe父子窗口间的

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》