我在freeCodeCamp的响应式Web设计课程下的技术文档页面项目的代码。 目的是创建一个满足这些用户故事要求的页面： : 正如项目所建议的那样，我正在HTML和基本CSS中构建它，并根据需要使用最少Javascr ipt。 我正在实际使用的另一个项目实际上是在我CSS基础上工作的，因为这是本节中介绍的语言（介于HTML和CSS之间），我认为这是扎实掌握的最重要的语言。 该网站托管在Github页面上，可以在以下位置实时查看： :

FCC-RWD-技术文档 freeCodeCamp的响应式Web设计课程的技术文档项目 这个来自freeCodeCamp的响应式Web设计课程的项目旨在根据以下用户故事创建“技术文档”页面： 用户故事1：我可以看到一个主要元素，带有一个对应的id =“ main-doc”，其中包含页面的主要内容（技术文档）。 用户故事2：在＃main-doc元素中，我可以看到几个section元素，每个元素都有一个main-section类。 至少应为5。 用户故事3：每个.main节中的第一个元素应该是

技术文档页面：FreeCodeCamp技术文档页面项目

HTML技术文档 _在CodePen.io创建的笔。 原始网址： : 。 由Matt McCoy于2019年3月12日为FreeCodeCamp的技术文档项目创建的项目 项目目标 响应式Web设计项目-构建技术文档页面目标：构建功能类似于以下代码的CodePen.io应用程序： ://codepen.io/freeCodeCamp/full/NdrKKL。 完成以下用户案例，并通过所有测试。 赋予您自己的个人风格。 您可以使用HTML，Javascr ipt和CSS来完成此项目。 推

freeCodeCamp：响应式Web设计项目4-技术文档页面 在以下位置查看已部署的网页： : 项目简介 Airbnb CSS / Sass样式指南的技术文档页面。 使用的工具和方法 HTML5 CSS3 CSS网格 CSS Flexbox （浏览器同步，gulp-clean-css，gulp重命名） 我学到的小东西 CSS速记属性all CSS关键字revert all: revert使用all: revert以重置元素的所有级联属性 使用CSS网格更改为垂直导航栏布局 结语