1：CSS简介和语法、样式

一.  CSS简介

css全称：Cascading Style Sheets ，意为 ：层叠样式表。所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的会覆盖层次低的，css可以分别为网页的多个层次设置样式。

二.  基本语法

CSS的样式表由一个一个的样式构成，样式由选择器和声明块构成

语法：选择器 {样式名:样式值;样式名:样式值;…}

p{
    color:red;
    font-size:24px;
}

三.  CSS样式分类

1.  行内样式

将样式写到标签内的style属性中，这种方式称为行内样式。行内样式只需要编写声明就好，不需要选择器
缺点：

• 结构与表现耦合

• 代码不能重用

• 不建议使用

<p style="color:red;font-size:24px">段落</p>

2.  内部样式

将样式写到<style>标签中，这种方式称为内部样式。缺点：只能在单个网页中使用，代码重用率还是不高

<style>
p{
color:red;
font-size:24px
}
</style>

3.  外部样式

将所有的样式保存到一个css文件中，然后通过<link>标签将样式引入到html文件中，这种方式称为外部样式。这种方式将样式表放在的HTML文件的外部，可以在多个页面进行引用，同时浏览器可以将css文件进行缓存，这是开发中使用最多的方式

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

3.  样式优先级

行内样式优先级最高，外部样式和内部样式按照定义的顺序不同，优先级不同，后设置优先级较高。