style的几个用法

第一种方法：

内联样式，行内样式
-在标签内部通过style属性来设置元素的样式
-缺点：
使用内联样式，样式只能对一个标签生效，
如果希望影响多个元素必须在每个元素中复制一遍
并且当样式发生改变时，我们需要一个一个修改，很不方便
-注意：
在开发中千万不要使用内联样式。

        style使用方式：
            在要显示样式的头标签中插入，如：style 后面的属性值格式为属性值：属性名；
 -->

<p style=" color:green; font-size:50px;">你今天真好看</p>

第二种方法：

内部样式表：
-将样式编写到head中的style标签里面
然后通过css的选择器来选中元素为其设置各种样式
可以同时为多个标签设置样式，并且修改时只需更改一处即可全部应用
-内部样式表更加方便对样式进行复用

<style> p{ color:green; font-size：50px； } </style>

想对什么标签进行改变样式即在style 标签里面写下标签名，
例如对p标签进行改变样式，即写上p{}，将要改变的样式写在{里面即可}

第三种方法：

外部样式表：
-可以将css样式编写到一个外部的css文件中
然后通过link标签来引入外部的css文件
-外部样式表需要通过link标签进行引入，
意味着只要想使用这些样式的网页可以对其进行引用
使样式可以在不同的页面之间进行复用
href里面是许需要引入的文件路径
-将样式编写到外部的css文件中，可以使用到浏览器的缓存机制
从而加快网页的加载速度，提高用户的体验。
<link rel="stylesheet" href="./style.css">

href里面是css文件的路径,style文件中直接写需要改变的样式，如下

p{
   color:green;
   font-size：50px；

}

三者的效果一样如下 ：