前端人员必看css命名,前端css命名规范

1，10

命名规范

如何命名

• css最好用class来命名，js用id来命名，已做区分

• id和class的命名应反映该元素的功能或使用通用名称，而不要用抽象的晦涩的命名

命名示例

.div1{} /* 不推荐；无意义 */

.a_green{} /* 不推荐；无意义 */

.menu{} /* 推荐；特殊性*/

.header{} /* 推荐；通用性*/

命名精简

id和class命名越精简越好，只要足够表达意思，这样有助于理解，同时也能提高代码效率

.navigation{} /* 不推荐 */

.login_box_inside_con{} /* 不推荐 */

.nav{} /* 推荐 */

命名嵌套问题

书写css要注意先后顺序和嵌套问题，从性能上考虑尽量减少选择器的层级

.nav ul.list{} /* 不推荐 */

.nav .list{} /* 推荐 */

注意事项

规则命名中，一律采用小写加下划线的方式

命名中尽量避免使用中文拼音，应该采用更简明有语义的英文单词进行组合

命名注意缩写，但是不能盲目缩写

不允许通过1、2、3等序号进行命名

避免class与id重名

id注意用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id

class用于标识某一个类型的对象，命名必须言简意赅

尽可能提高代码模块的复用，样式尽量用组合的方式

规则名称中不应该包含颜色、定位等与具体显示效果相关的信息，应该用意义命名，而不是结果名称

前端人员必看css命名,前端css命名规范相关推荐

前端人员必看周刊和公众号
前端技术每天都在发生翻天覆地变化,而且各种开源社区都会出现新的技术,而作为前端人员就需要不断的充实自己,这样才能避免在新潮流下落后,而本文将向大家介绍本人每周必看的一些周刊和公众号. 周刊 CSS W ...
前端开发必看 | Vue在前端市场这么火，它到底是什么？
混迹前端市场的大家可能都知道,Vue可以说是一匹黑马,目前github star数已居第一位!前端开发者对Vue使用频率也越来越高. 作为由华人程序员尤雨溪开发的前端构架,它的出身给国人带来了巨大的荣 ...
div css标记,前端初学者必学的div加css标签
原标题:前端初学者必学的div加css标签今天给大家分享前端初学者必须要学习的标签,这些标签你都会了吗? DIV加css标签页头:header 登录条:loginBar 标志:logo 侧栏:si ...
【热门收藏】iOS开发人员必看的精品资料（100个）——下载目录
[热门收藏]iOS开发人员必看的精品资料(100个)--下载目录 iPhone.iPad产品风靡全球,巨大的用户群刺激着iOS软件开发需求,然而国内人才缺口很大,正处于供不应求的状态,ios开发前景大 ...
Android开发人员资料大全（开发人员必看）
在移动开发如火如荼的今天,Android开发市场广阔,是目前市场占有率最高的智能手机操作系统.这个文档里整理大量优质的Android开发资料,网上的资料众多,参差不齐,然而这批资料确实经过精心整理的, ...
iOS开发人员必看的精品资料
[热门收藏]iOS开发人员必看的精品资料(100个)--下载目录 iPhone.iPad产品风靡全球,巨大的用户群刺激着iOS软件开发需求,然而国内人才缺口很大,正处于供不应求的状态,ios开发前景大 ...
【热门收藏】iOS开发人员必看的精品资料（100个）
[热门收藏]iOS开发人员必看的精品资料(100个)--下载目录 iPhone.iPad产品风靡全球,巨大的用户群刺激着iOS软件开发需求,然而国内人才缺口很大,正处于供不应求的状态,ios开发前景大 ...
【热门收藏】iOS开发人员必看的精品资料（100个） ...
[热门收藏]iOS开发人员必看的精品资料(100个)--下载目录 iPhone.iPad产品风靡全球,巨大的用户群刺激着iOS软件开发需求,然而国内人才缺口很大,正处于供不应求的状态,ios开发前景大 ...
iOS开发人员必看的精品资料（100个）(转)
[热门收藏]iOS开发人员必看的精品资料(100个)--下载目录 iPhone.iPad产品风靡全球,巨大的用户群刺激着iOS软件开发需求,然而国内人才缺口很大,正处于供不应求的状态,ios开发前景大 ...
2012HTML5开发人员必看资料（45个）
2019独角兽企业重金招聘Python工程师标准>>> 为了方便大家学习,小弟最近整理了一批免积分下载的HTML5开发人员必看资料,共45个,整理了这批资料的下载地址,大家可以根据自 ...

前端人员必看css命名,前端css命名规范

前端人员必看css命名,前端css命名规范相关推荐

最新文章

热门文章