前端学习3：学习时间：40分钟
CSS概念：
CSS（Cascading Style Sheets，层叠样式表），它是用来控制网页外观和布局的一种样式语言。通过 CSS，定义 HTML 元素的样式。后缀.css
使用css的唯一目的就是让网页具有美观一致的页面。
css语法
css规则由两个主要的部分构成：选择器，以及一条或者多条声明。
h1{color:blue;font-size:12px;
}
#h1是选择器，{}里面的是声明，color，font-size是属性，blue，12px是值选择器就是你要改变样式的html元素
每条声明是由一个属性和一个值组成
css载入方式
1.内联样式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><p style="color:red;font-size:50px;">我是内联样式</p>
</body>
</html>缺乏整体性和规划性，不利于维护，维护成本高
2.内部样式
当单个文件需要特殊样式时，就应该使用内部样式表。在head里面添加一个<style></style>里面写css
3.外部样式
<a href="./2.html">今日幸事</a> href里面填路径，点击跳转（路径不要写错）
结果如下
那如果我想用一个文件修改统一所有格式？
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件改变整个站点的外观。每个页面使用<link>标签链接。
第一步创建一个.css文件
p{color:red;font-size:50px;
}第二步，在其他文件的头部加一个<link rel="stylesheet" href=".css文件路径">
