一个最简单HTML+CSS构建web页面
作者：一个业余的UI设计师
序：在我看来建网站就像盖房子一样，你要先将框架搭建起来，然后才能砌墙装修；
（框架搭建）=网站的结构搭建；（砌墙）=给网站body标签内添加内容；（装修）=给我们网站的内容添加css样式进行美化修饰。
今天咱们将在昨天的网站页面结构基础之上，继续完善网站结构，和给结构里面添加内容，使其变得完整。
言归正传，咱们回顾一下上一集都干了什么，温故知新一下。
昨天我们在电脑桌面上建立一个index文件夹，来作为我们网站项目的总文件夹；
在index文件夹里创建了一个index.html文件，和三个文件夹分别为（css）、（fa）（img）；
并将index文件夹，加载到辅助编程软件“VisualStudioCode”下的项目目录下；
最后利用快捷方式在index.html文件里，成功建立了一个HTML5网页的基础架构。（对上述内容不明确的读者，可以去上一集看看，那里有详细的解释说明）
建网站就像盖房子一样，你要先将框架搭建起来，然后才能砌墙装修。那么今天继续完善我们的网页结构和内容：
打开辅助软件“VisualStudioCode”；
打开我们的index项目；
在总目录下新建（js）文件夹和（favicon）文件
在目录中的css文件夹里建立（index.css）（base.css）（reset.css）文件；
具体作用和功能请看图一：
在“VisualStudioCode”中打开我们网站的首页文件（index.html）接下来我们就可以在里面添加内容了，也就是我所说的砌墙和装修。砌墙就是将我们想要展示在网站上的内容，全部用相应标签包裹，一起按照相应顺序放在我们的body标签里，
首先在head便签里的title标签里填写我们的网站名称（我的第一个网站）；
在title标签下面通过link标签引入我们外部的css文件。（link）标签是专门用来向页面中引入外部资源用的。
具体详细做法：（这是给纯小白看的，大神勿喷！）
（1）鼠标在/title标签后面点一下，出现输入光标，点击键盘回车键也就是Enter键；
（2）键入link后按Tab键，快捷建立link标签；
（3）在href后面的引号内输入“./”再通过上下按钮将光标停留在css/上，继续按Tab键；
（4）再通过上下按钮将光标停留reset.css文件上，按Tab键，这样我们就成功的将外部的重置样式表引进了我们的index.html页面中了。
（5）通过上面四个步骤，继续将index.css和base.css文件引入。
（6）正常情况下，还要向页面引入放在（fa）文件夹下的图标字体库、(js)文件夹下的javascript文件等，在这里先简单的介绍一下，暂不做设置！
(注意：①请切换英文输入法，不然不起作用！；②“./”作用是访问我们当前打开文件的同级别目录，“../”是用来访问我们当前打开文件的上一级别目录；以此类推，这叫相对定位，感兴趣的可以百度提前了解一下；③还有就是这三个文件的引入顺序，一定要把reset.css放在最上面，切记，不然其他的样式都会被其重置掉，因为浏览器读取html网页是由上至下读取的，说白了就是浏览器默认先执行上面的在执行下面的，当都对同一元素进行修饰时，上面的就会被下面的给覆盖了！！这都是坑，记住了，要躲着点走)
9、接下来就可以向body里添加内容了，在这里我们找了一首杜甫的古诗；
“《望岳》
岱宗夫如何，齐鲁青未了。
造化钟神秀，阴阳割昏晓。
荡胸曾云，决眦归鸟。
会当凌绝顶，览众。”
将这首古诗，粘贴进我们网站的body标签中。如图二所示。
然后点击鼠标右键，在选项中选择“openwithliveserver”（在浏览器中打开我们的HTML网页）点击，浏览器就会打开我们编写的第一个网页了；当然这种不加任何标签的文本会被浏览器默认为一行。如图三所示
当然了，这样全在一行显示肯定是不好看的。所以，我们就要给文本添加一些标签，然后再相应的css文件里，对其进行修饰，让文本按照我们想要的方式显示出来。相应代码如图四所示
鼠标双击打开index.css文件，在里面键入相应的css文件。如图五所示
写完这些文件记得千万要保存，一定要及时保存，这也是一个坑，被坑太多次了一定要注意。（保存快捷键Ctrl+S）
到这里我们一个最简单的网站页面，就做好了。如图六所示
（其实，由于我们的内容很少，所以我们的网站也过于简单。正常的建网站节奏，还涉及到网站的内容填充，页面结构的排版、美化，然后试运行一段时间，最后才能压缩上线）
写到这里小白一定会感觉很慌，什么标签啊、元素啊、选择器啊、键值对啊.......这些都是什么啊，千万不要急，下一集我就专门详细的去分享一些常用的标签及其用法，还有最重要的选择器！
喜欢的就