什么是css，style，以css的各种样式的比较

  1、  css是什么，有什么用，   

css指的是层叠样式表，Cascading Style Sheets。解决是内容与表现相分离的问题

  2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型的，而现在我们用css来设置，每一个标签都有自己的属性，于是我们用p标签，或者其他标签的属性style来设置字体的颜色大小类型：例子如下所示

<p style="color:red;  font-size:24px; font-family:'微软雅黑'">你好</p>

3、style样式写在哪里？各个写法有的优缺点

 根据写在哪里，把style分为三类

行内样式：  例：<p style="color:red;  font-size:24px; font-family:'微软雅黑'">你好</p>

      好处：是能直接改，优先级也是最高，对于单个不重复页面处理容易，易于理解。

      缺点： 当页面重复使用一种类型的style时，容易造成冗余，后期代码量大，不易于维护。

内部样式： 实现了内容与表现相分离

                    例： <style> 

                              p{ color:red;}

                            </style>

      好处：实现了内容与表现相分离，解决了内部样式出现的冗余的问题

      缺点：当页面较多，且用到同一种样式的时候，会造成冗余

外部样式：用单独的css文件表示，然后再在内部引用，即首先在css文件下新建一个css文件，用来放样式，然后在html或者是要展示的文件下引用样式： <link rel="stylesheet" href="css的目录地址">

  例：文件demo.css下有  p{ color:red;}

在文件index.html的body上下都可以，引用 <link rel="stylesheet" href="demo.css"> 即可

      好处：实现css的单个话，便于所用的要用的样式用

      缺点：几乎没有，除了引用复杂，每一种类型的样式都有他们独特的好处

4、如果都作用在同一个样式下的三种样式，css的优先级为：  行内样式>内部样式>外部样式