无需加好友免费技术支持
（OF作品展示）
OF以前介绍过使用python实现数据可视化、数据分析和一些小项目，但基本上是后端知识。如果我们想成为一个好的小系统，我们必须学习一些前端知识。OF解释如何使用pycharm(全栈开发好工具)做一个好看的网页，然后我们就可以在网上开发自己的网页/网站了。
主要内容：网页前端布局
适用人群：Python初学者，前端初学者
准备软件：pycharm
1) 下载完成pycharm, 点击file-New Project...
2) 目前，我们选择按照下图步骤创建一个项目Pure python也就是说，我们将来可以学会使用它Django/flask等待框架完成系统
1)鼠标右键在创建项目空白处-New-HTML File
2)输入英文网页名称，尽量不要输入中文/特殊字符
双击打开我们创建的时候HTML文件，您将看到以下界面
在开始开发网页之前，我们需要设计我们想做什么样的网页，以节省成本OF都是自己设计的页面风格，可以手绘或者在PPT上画。
让我们先学习一个相对简单的布局，如下图所示。你可以看到下图画出了我们需要添加的内容。需要注意的是，例如Taylor必须使用图片和文字
根据上述的css先填名字定义
内部代码，然后我们完成一半的工作，代码如下：1)鼠标移动到代码，我们会在右上角看到一排浏览器，我们点击其中一个
2)网页内容从上到下显示
首先，让我们简要了解一下flex布局可以在下图中看到#main的style样式中display:flex，在body三个颜色内容框的部分
1)然后我们从人物介绍的布局开始，人物介绍在中间展示(使用)flex中justify-content:center），下面有一条黑线，OF准备用border风格来实现，所以在
(注：style中的#main对应body中的id=main, .main对应class=main)
运行结果：
2)图片部分为3个