在html代码里面添加自定义css样式,并且将其调用
前言
在html代码里面,我们想要给一个标签加上一些css样式,就得通过style属性来调用一些简单的css样式,例如内容的字体颜色以及字体的大小等效果,在编写html代码的过程的,我们会经常用到很多次相同的css样式,一个一个的在标签里面调用是非常麻烦的,我们可以把常用的那些样式自定义成容易记的名称,然后在调用,就可以省去很多事情。
自定义一个css样式
我们可以将那些常用的css样式通过<style>标签添加成一个自定义的css属性,然后在将其调用,会看这篇文章的朋友,应该多少懂一点html代码,既然这样的话,我就不多做解释了,解释多了反而不好,我直接举个例子,各位可以参考一下。
下面的这掉代码的意思就是,自定义一个名称为 red 的css样式,这个样式的属性为红色。
<style>.red {color:red}</style>
并不是只能自定义颜色属性,还可以添加字体大小属性,只要是css样式多可以被自定义,可以参考下面这串代码,至于意思是啥我就不解释了,大家应该多懂。
<style>.abc {color:red;font-size:16px’}</style>
如何调用自定义的css样式
下面这串代码的意思是在<p>标签里面通过class属性,调用上面我刚刚设置好的 red 这个css样式。
<p class="red">红色</p>
自定义css样式有什么好处?
最主要的好处就是方便,在为标签添加属性的时候就不需要去调用那些复杂的css样式了,只需要添加一个自定义的css样式,然后调用就行了。
评论列表