初学前端网站建立流程

1 准备素材及工具
● psd源文件
● 开发工具=切图工具+vs code+Chrome
2 准备工作
● 采取结构和样式分离的思想

1. 创建一个目录文件夹

2. vs code打开目录文件夹

3. 在目录文件夹下新建image文件夹

4. 新建首页文件命名为index.html

5. 新建一个css页面 命名为style.css

6. 在首页中中加入
   3 css属性书写顺序

7. 布局定位属性:display/position/float/clear/visibility/overflow(displat第一个写，关系到模式）

8. 自身属性:width/height/margin/padding/background

9. 文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word

10. 其他属性:content/cursor/border-radius/box-rashow/text-shadow/background:liner-gradient
    4 页面整体思路
    为了提高网页制作的效率，通常思路如下：

11. 确定页面的版心（可视区），测量可知

12. 分析页面中的行模块，以及每个行模块中的列模块。页面布局第一准则

13. 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。页面布局第二准则

14. 制作html结构，遵循先有结构，后有样式的原则，结构永远最重要

15. 先理清楚布局结构，再写代码