大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

CSS样式表命名规则有哪些

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样式表命名规则有哪些的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享标题:CSS样式表命名规则有哪些
文章出自:http://dzwzjz.com/article/gpepop.html
在线咨询
服务热线
服务热线:028-86922220
TOP