在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样式，然后调用就行了。