学习HTML与CSS的第三天——外部样式表、css语法
外部样式表
在之前一天已经学习过内联样式，同样我们还可以将样式表编写到外部的CSS文件中，然后通过link标签来将外部的CSS文件引入到当前的页面中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>外部样式表</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<!--
将css样式统一编写到外部的样式表中，完全使结构和表现分离，可以是样式可以在不同的页面中
使用，最大限度地使样式可以进行复用，将样式统一卸载样式表中，然后通过link标签引入，
可以利用浏览器地缓存加快用户访问地速度加快提升用户的体验
-->
</head>
<body>
<p>锄禾日当午</p>
<p>锄禾日当午，汗滴禾下土</p>
</body>
</html>p{
color:red;
font-size: large;
}CSS语法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>css语法</title>
<style>
/*
在style标签中使用的是css语言，所以不能出现HTML语言
在css中使用与c语言多行注释相同的方法
css的语法：
选择器：
通过选择器可以选中页面中给制定的元素，并且可以将声明块中的样式应用到选择器中
声明块：
声明块中紧跟在选择器的后面，使用一对（）括起来，
声明块中实际上就是一组一组的名值对结构
一组一组的名值对就是声明，
一个声明块中可以写多个声明，多个声明之间使用；隔开，
声明的样式名和样式值之间使用：来连接
*/
p{
color: red;
font-size: large;
}
</style>
</head>
<body>
<p>锄禾日当午，汗滴禾下土</p>
</body>
</html>
