百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> css中id选中器的命名法则是什么
分享文章到:

css中id选中器的命名法则是什么

发布时间:09/01 来源:未知 浏览: 关键词:
这次给大家科普一下css中id选中器的命名规则是什么,给CSS中ID选中器命名的时候是什么留意事项,下面就是总结,一起来看一下。

大小写敏锐

只能包括[a-zA-Z0-9]、-,,其中不克不及以、-、0-9开头

在CSS的命名标准中,名称不克不及以数字开端,只能以字母、连字符、下划线开端。之后可以是字母、连字符、下划线或数字。
同时应当留意的是,虽然在HTML4.01及之前的版本不严谨,但在XHTML中,CSS中的命名是区分大小写。

1.第一说说语义性

所谓语义性,即名字应当描写内容,而不是描写展现,例子如下

?展现型(不倡导)

PurpleBold(紫色粗体)

BigHeading(大号标题)

top-left-box(左上方框)

underlined-and-green(下划线绿色)

boxLeft(左侧框)

red(红色)

红色标示触及元素的展现情势,这在命名里是不同意的,由于展现情势是转变的,当转变发生,不仅要修改CSS的class和id名,还要修改html响应元素的class和id名,相当费事,当你所编纂的是大型网站,显现多处这样的修改,是非常耗时且头疼的。所以应当尽大概采纳顺应转变的命名,即命名与内容严密相关。

?语义型(倡导)

sidebar(侧边栏)

warning(警告)

当然,有些时候恰当使用展现来命名会更灵敏。如,用bordered(带边框)的展现名给网站多处增加一样的样式。

记住,最好方案不是最洁净的阿谁,也不是最美丽的阿谁,与其拘泥成法,不如将思绪摊开一些。

2.可接受的字符

最好规则:始终使用字母、数字或连字符,并且始终以字母开头

记住,class和id名称是区分大小写的。

不要使用下划线,不要以数字或连字符打头,不接受“*”,“/”,“\”。虽然新的阅读器对生僻字符集的支撑功效更多,但不是所有的阅读器如此,为了包管兼容性,请遵照最好规则吧。

3.惯例

使用一些约定俗称的惯例名称,可提高代码可猜测性,既让本人和别人容易懂得,也有助于屏幕阅读器和剖析器的工作,提高SEO(搜索引擎优化)

惯例参照Web前端开发标准手册

4.大小写

驼峰式(缩写单词的每个字母采纳一样的大小写:pdfLink linkPDF)

连字符

5.命名空间

加前缀,如:wp-users。命名空间需要拟定团队内的命名空间约定。

这是防备式CSS采纳的技术之一,通过命名空间隔离代码,幸免冲突,使其不影响原有和将来的代码。

信赖看了本案牍例你已经把握了办法,更多出色请关注百分百源码网其它相关文章!

引荐阅读:

网页中的图片格局应当怎样选中

移动端规划中的流式规划是啥道理

让元素水平垂直居中冷门办法

html+css的垂直居中容器

js中比力运算符应怎样科学使用

以上就是css中id选中器的命名规则是什么的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板