HTML和CSS：做出你的第一个网页
HTML负责内容结构，CSS负责样式。这对组合是进入编程世界最直观的入口。
搞清楚HTML和CSS的区别
HTML是骨架：标题、段落、图片、链接、按钮。CSS是外观：颜色、字体、间距、布局。没有CSS的页面能用，但看起来像原始文档。没有HTML的页面则什么都没有可以装扮的。先学好怎么用HTML把内容结构清晰地组织起来，再考虑设计——内容结构清晰后，样式就容易多了。
掌握现代布局方式
忘了那些老式的表格布局技巧。现在，两个CSS工具就能覆盖90%的布局需求：Flexbox用于行或列方向的元素排列，Grid用于网格式布局。各花一天时间熟悉一下。两个都掌握之后，排版就变成了一件合乎逻辑的事，而不是一场搏斗。
从第一天起就考虑响应式
大部分网络流量来自手机。你的页面需要适配各种屏幕尺寸。使用相对单位而不是固定像素，用媒体查询根据宽度调整布局。经常通过拖动浏览器窗口来测试。一个在桌面端好看、在手机上乱掉的页面，就是一个失败的页面。
现在就行动
- 创建一个index.html文件，写出基本结构。
- 添加标题、段落、图片和链接。
- 链接一个外部CSS样式表。
- 在小例子上学Flexbox，然后学Grid。
- 用媒体查询让页面具备响应式。
- 把页面免费发布上线，分享给别人看。