北京沣登科技发展公司

css命名方式,css命名方式对比

大家好,今天小编关注到一个比较意思的话题,就是关于css命名方式问题,于是小编就整理了4个相关介绍CSS命名方式的解答,让我们一起看看吧。

  1. 什么是CCS命名法?
  2. OOCSS、SMACSS、BEM、MVCSS你们在用哪个作基础?
  3. 如何引用css外部样式来改变html中的p标签颜色?
  4. 如何引用css外部样式来改变html中的p标签颜色?

什么是CCS命名法?

IUPAC命名法指的是国际上通用的系统命名法,是由IUPAC组织提出来的;

CSS命名法指的是在IUPAC命名法的基础上,结合我国汉字等的特点提出的命名方法,是由中国化学会提出来的,主要要点还是和iupac相同的。

css命名方式,css命名方式对比div>
图片来源网络,侵删)

最低序列原则简单的说就是,侧链的位号从低到高排列,如:2、7、8 还有2、6、8,根据最低序列原则,我们要选具有第二组位号顺序的碳链做主链。

OOCSS、SMACSS、BEM、MVCSS你们在用哪个作基础?

我们目前***用的CSS命名方式无线的接近BEM的概念,在我们2000多个前端切图项目中,基本每种CSS命名方式都在实战中用过,并且一直在改进,目前***用的是这样的:

.slider

css命名方式,css命名方式对比
(图片来源网络,侵删)

.slider-wrapper

.slider-arrow

.slider-arrow_left

css命名方式,css命名方式对比
(图片来源网络,侵删)

.slider-arrow_next

.slider-n***

.slider-n***_item

非常接近BEM命名方式,扁平化,无层级(所以也少了权重的问题产生),直捣黄龙,新人上岗培训相对容易,并且方便团队协作,唯一缺点是略长了点,不过利大于弊。

OOCSS命名比较倡导复用,和BEM差别很大,个人不太建议这种方式,以上仅代表个人观点,CSS命名这种事没有标准答案,见仁见智

如何引用css外部样式来改变html中的p标签颜色

新建一个html文件,命名为test.html,用于讲解如何引用css外部样式来改变html中的p标签颜色。

在test.html文件内,使用p标签创建一行文字设置p标签的class属性为mypp,下面将使用css样式对该行文字进行设置。

在test.html文件内,编写&lt;style type="text/css"&gt;</style>标签,页面的css样式将写在该标签内。

在css标签内,对p标签的样式进行设置,定义其文字颜色(color)为红色(red)。

创建一个css文件夹,在文件夹内创建一个index.css文件,在文件内,使用color属性重新定义p标签颜色,颜色更改为蓝色(blue)。

如何引用css外部样式来改变html中的p标签颜色?

新建一个html文件,命名为test.html,用于讲解如何引用css外部样式来改变html中的p标签颜色。

在test.html文件内,使用p标签创建一行文字,设置p标签的class属性为mypp,下面将使用css样式对该行文字进行设置。

在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

在css标签内,对p标签的样式进行设置,定义其文字颜色(color)为红色(red)。

创建一个css文件夹,在文件夹内创建一个index.css文件,在文件内,使用color属性重新定义p标签颜色,颜色更改为蓝色(blue)。

到此,以上就是小编对于css命名方式的问题就介绍到这了,希望介绍关于css命名方式的4点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/17815.html

分享:
扫描分享到社交APP