内部样式解决了内联样式的问题，但是它也有缺点，主要有以下两个方面：缺点1、内部样式只能用于一个页面，如果要共享一个样式有多个页面，你不能这样做。缺点2，随着样式代码的不断增加，在编辑器中，不断上下滚动屏幕编辑样式非常不方便。这些缺点的解决方案是使用外部CSS。外部CSS，也叫外部样式，改变一个文件就可以改变整个网站的外观！外部样式，将CSS代码放在一个单独的文件中，扩展名为.css，使html页面结构文件和css样式文件完全独立。每个HTML页面都必须在head元素中添加一个元素，link表示链接。在元素中定义rel属性，rel是relationship的缩写，译为关系、关联，取值为stylesheet，表示关联一个样式表。然后定义一个href属性，用来设置对外部样式表文件的引用，值为.css文件的路径。让我们举个例子。在002-add-css文件夹中创建一个external-1.html文件来构建基本代码。添加h1和p元素，每个元素都填充了一些文本。创建另一个external-2.html文件来构建基本代码。添加h1和p元素，每个元素都填充了一些文本。在002-add-css文件夹下创建一个mystyle.css文件，在这个文件中直接写样式：body，空格，花括号，回车，定义样式属性名background-color，冒号，属性值lightblue，subNumber.h1，空格，大括号，回车，颜色，海军蓝，分号，左边距，20px，分号。body{背景色：浅蓝色；}h1{颜色：海军蓝；margin-left:20px;}前面提到样式表代码的书写格式很松散，但是我们在书写样式的时候还是需要一定的规范：选择器和花括号之间用空格隔开；每个样式声明语句都在一行中定义；两组样式定义由一个空行分隔。样式文件定义完成后，在external-1.html文件的head元素中输入link，回车或者Tab键，emmet会自动帮我们补全一些代码，我们只需要设置外部样式文件路径即可href属性足够了。这里我们填充mystyle.css。节省。预览页面，第一页样式已添加。在external-2.html文件的head元素中添加一个link元素，并设置与mystyle.css相同的路径。节省。预览页面，第二页的样式也添加了。不难发现，mystyle.css中定义的一组样式应用到两个页面，多个页面的样式是共享的。文章配套视频链接：https://www.bilibili.com/video...
