您现在的位置是：网站首页> 编程资料编程资料

div+css样式表的id和class常用命名规则_Div+CSS教程_CSS_网页制作_

2021-09-09 1277人已围观

简介用div+css样式表写页面有一段时间了，起初写div+css样式表的时候，最让我头疼的不是怎么写样式，而是给div+css样式起名，怎么样起才合适呢？

要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧，自己写的都看不出是什么意思，别说再让程序员调用这些样式了。div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就开始查一些相关的div+css样式表id和class的常用命名规则，请大家参考一下：

　　首先讲一下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	下载	提示：本文由神整理自网络，如有侵权请联系本站删除！本站声明： 1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！上一篇：web开发中怎么样使css书写规范? _CSS教程_CSS_网页制作_ 下一篇：css 优先级关系 _CSS教程_CSS_网页制作_ 相关内容 web开发中怎么样使css书写规范? _CSS教程_CSS_网页制作_ CSS 实现网页图片的预加载_CSS教程_CSS_网页制作_ css IE8 兼容问题的汇总_浏览器兼容教程_CSS_网页制作_ CSS 网页布局中的图文列表实现代码_CSS布局实例_CSS_网页制作_ CSS 网页背景渐变实现代码_CSS教程_CSS_网页制作_ DIV+CSS 浮动布局完美解决方案_CSS布局实例_CSS_网页制作_ 驯服CSS选择器_CSS教程_CSS_网页制作_ CSS 面向对象CSS FAQ_CSS教程_CSS_网页制作_ 减少图片HTTP请求的方法分析 _CSS教程_CSS_网页制作_ 基于firebug的firefox扩展 css usage_浏览器兼容教程_CSS_网页制作_ 点击排行唯唯绸否猜打一最佳正确生肖[最佳成语最佳释义解释答] TYSB手游公测版下载-TYSB官方唯一正版手游下载 _安卓网洗牌猫下载-洗牌猫(卡牌对战)Shuffle Cats v0.14.8_安卓网青云传之琉璃梦手游下载-青云传之琉璃梦官方版下载 v5.7.0安卓版_安卓网丛林动物宝宝发型沙龙游戏-丛林动物宝宝发型沙龙(休闲装扮)Baby Jungle Animal Hair Salon v1.0.10_安卓网士绅名流代表什么生肖，成语释义解释落实士绅名流代表是指什么生肖数字，成语释义解释落实士绅名流是指代表什么生肖、释义成语解释落实本栏推荐光之子所有怪物弱点大全分享_单机游戏_游戏攻略_ 海岛大亨5运行提示安装DirectX11解决方法_单机游戏_游戏攻略_ 看门狗流程图文攻略第二章13 兵行险招_单机游戏_游戏攻略_ 海岛大亨5第六关时间不够怎么办_单机游戏_游戏攻略_ 真三国无双7 ：猛将传全护卫支援进化技能一览_单机游戏_游戏攻略_ 黑暗之魂2翻滚取消武器硬直技巧分享_单机游戏_游戏攻略_ 看门狗流程图文攻略第二章14 榜样_单机游戏_游戏攻略_ 猜你喜欢光之子所有怪物弱点大全分享_单机游戏_游戏攻略_ 海岛大亨5运行提示安装DirectX11解决方法_单机游戏_游戏攻略_ 看门狗流程图文攻略第二章13 兵行险招_单机游戏_游戏攻略_ 海岛大亨5第六关时间不够怎么办_单机游戏_游戏攻略_ 真三国无双7 ：猛将传全护卫支援进化技能一览_单机游戏_游戏攻略_ 黑暗之魂2翻滚取消武器硬直技巧分享_单机游戏_游戏攻略_ 看门狗流程图文攻略第二章14 榜样_单机游戏_游戏攻略_ 我的微信关于我们神代码(http://12383.net )是IT资源下载与IT技能学习平台。js代码网收集整理了最新IT开发视频教程、网站模板、网站源码、js特效(插件)等，充分满足IT用户对不同类型资源的下载需求。代码网拒绝滥竽充数，我们只提供精品资源！站长QQ:512953070 本站会员：532 © 技术支持：神代码（http://12383.net） blog.sixgod.net blog.haifeisi.net blog.flerken.cn blog.bieha.cn blog.miuti.cn blog.dk028.com blog.scflcp.cn blog.bzbl.cn blog.mlft.cn blog.7zz.net blog.liuyifei.net blog.58t.net blog.yamiao.net blog.caclrc.cn blog.rgbbs.cn blog.heiapp.net blog.zhfjx.cn blog.sshfy.cn blog.sxdgc.cn blog.28city.cn blog.etcb.cn blog.abdayah.cn blog.ddbdzs.cn blog.hyflex.cn blog.11855.cn blog.11566.cn blog.11355.cn blog.62622.cn blog.cbwq.cn blog.zrqm.cn blog.rlfm.cn blog.pbtb.cn blog.knlz.cn blog.rhwf.cn blog.dxfp.cn blog.rptb.cn blog.nzjg.cn blog.ygnl.cn blog.rxbg.cn blog.rfbc.cn blog.rwbs.cn blog.music.liuyifei.net blog.img.liuyifei.net blog.drnu.cn blog.wyim.cn blog.dvtg.cn blog.fvhc.cn blog.lble.cn blog.mvhu.cn blog.uesese.cn blog.ikuns.cc blog.02613.cn blog.lymzi.cn blog.ktoa.cn blog.73216.cn blog.crtwd.cn blog.szmdx.cn blog.kylkc.cn blog.dztmd.cn blog.pmhlw.cn blog.gfxtk.cn blog.tzpc.cn blog.jbqm.cn blog.sh3.cn blog.7sh.cn blog.95596.net blog.95540.net blog.12383.net blog.12363.net blog.boboji.net blog.r515.cn blog.g2050.cn blog.bbc888.com blog.ha123.net.cn blog.dindongji.com blog.dindongji.cn blog.dindongji.net blog.touyin.net blog.ludan.net blog.xshell.net

您现在的位置是：网站首页> 编程资料编程资料

div+css样式表的id和class常用命名规则_Div+CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢