CSS的概述和用法

CSS概述
在CSS技术诞生之前，页面上定义结构和显示效果的代码耦合在一起，开发和维护都非常繁琐。

为了将显示效果设置从HTML代码中抽离出来，并提供更强大的表现力，W3C组织制定了CSS标准——Cascading Style Sheet 层叠样式表。

css的三种编写位置
（1）在标签的属性中

<p style="color: red ; font-size: 12px">..文本内容..</p>

（2）写在style标签里面 //style标签最好写在head标签里面

<style type="text/css">
     p {
        color: blue;
        background-color: yellow;
      }
</style>

（3）写在外部，通过link引用外部CSS文件

<link type="text/css" rel="stylesheet" href="style.css" />

这三种CSS的优先级为（1）>（2）>（3）

选择器
（1）元素选择器
标签名
例子：
p{}
a{}
h1{}

（2） id选择器
#id

（3）类选择器
.class

（4）选择器分组
可以同时使用多个选择器
选择器1,选择器2,选择器N{}

选择器中的优先级
id选择器 > class选择器 > 标签选择器