css的命名方法有哪些?

css命名方式

长名称或词组可以使用中横线来为选择器命名。

对于CSS样式的命名规则,建议用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字,为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间。

把id留给后台开发和JS使用,除此之外页面的page id(如首页的外层需要一个ID id=pageIndex),页面结构(header main footer)允许用id命名(ID命名建议使用驼峰命名)。其他禁止id使用在样式表CSS命名中,一律使用class命名。

尽量使用简写形式的十六进制值,例如,用 #fff 代替 #ffffff。避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;。Css常用的一些命名:可参考:CSS 常用命名 - 彼岸时光 - 博客园。

css的命名方法有哪些?  第1张

css命名规则

1、正确命名规则如下:名称不能以数字开始,只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。同时应该注意的是,CSS中的命名是区分大小写。

2、可参考:CSS 常用命名 - 彼岸时光 - 博客园。Css的引入:Css的引入一般有两种,link和@import,一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项,避免产生资源文件下载顺序混乱和http请求过多的烦恼。

3、css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。

4、详细讲解CSS规范化命名的三种通用命名规则 骆驼式命名法: 正如它的名称所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。

怎么给CSS命名

把id留给后台开发和JS使用,除此之外页面的page id(如首页的外层需要一个ID id=pageIndex),页面结构(header main footer)允许用id命名(ID命名建议使用驼峰命名)。其他禁止id使用在样式表CSS命名中,一律使用class命名。

有时候可以给选择器添加一个表示状态的前缀,让语义更明了,比如下图是添加了“.is-”前缀。

div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上,但id只能是一个。

css命名规范

Css的引入一般有两种,link和@import,一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项,避免产生资源文件下载顺序混乱和http请求过多的烦恼。

css规范编码规范为utf-8。协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构&表现&行为。

css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。

在CSS的命名规范中,名称不能以数字开始,只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。

好多名字都是有道查的单词,看不看得懂不重要必须高端大气上档次。

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23
下一篇 2023-09-23

相关推荐

发表回复

登录后才能评论