vue+elementui+springboot模块开发（二、网页设计html和css教程）

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

1.选择模板，构思布局和控件。

分析：分为左右div块，左边的div分为三块，右边是两块；具体业务分析，每块里需要放哪些功能控件。

2.选择布局

elment布局
先选布局容器，边框，格式等

3.选择控件

设置控件位置,字体，边框，大小，边缘距离
注意：所有控件都要放在div里面。div是一个块，可以大的套小的，套娃一样。template下面必须有个大div，否则报错。

margin是边缘，可以设置相对于div的位置

<style>
.box-card{
  margin-top: 8px;//离顶部8px
}
.xx{
  margin-left: 30px;
  margin-top: 80px;
}

还有table、卡片等数据展示控件

4.选择高级动态属性

控件都是一行一行写的，每个控件都包含在一个div块中，要想不换行可以设置左浮动的属性

.child1{
　　float:left;左浮动，向左排列，满了换下一行
　　height:500px;
　　width:70%;
　　background:#aa0;//黄
　　}

还有动画，隐藏等高级属性

要想往精美做，就得在html控件和css属性上下功夫，也需要时间投入。
先把控件基本功能实现了，最后统一美化，找一个统一的css风格来精雕细琢。