前端入门（第四天）

CSS概念

简单来说，CSS就是页面美化工具，也是唯一目的。

CSS的基本语法

CSS规则有两部分组成：选择器以及一天或多条声明（样式）

选择器：其实就是所要美化的元素的标签

代码：

<style>

        h1{

        color:blue;

        font-size:500px;

        }

h1:就是选择器

color和font-size是声明，color修改颜色，font-size修改大小。

而每个声明都需要一个属性和一个值组成，color就是属性，blue就是值。

<style>是要放在head中。

CSS的引入方式

内联样式:就是把style放进标签里。

例如：

<p style="color:red;font-size:50px">**********<p>

内联样式的优缺点：

优点：就是不同标签需要不同的样式，可以使用内联样式

缺点：如果同一个标签需要同样的样式，内联标签就比较麻烦，SEO也不太优良。

内部样式

在基础语法中提到在head里放style标签就是内部样式。

内部样式的优缺点：

优点：如果同一个标签需要同样的样式，就可以使用内部样式

缺点：如果涉及多个页面的同标签同样式时，使用内部样式就比较麻烦

外部样式（工作当中使用较多）

新建一个文件以.css结尾，在这个文件里面放style里放的内容，如图所示：

然后只要在head里使用link标签,在href里添加,css的文件即可实现文件里所写全部代码。（使用方法与style完全相同）

（注：rel是link的默认内容无需修改）