how2j网站前端项目——天猫前端（第一次）学习笔记7

开始学习结算页面

结算页面分为3个部分学习：1.简单的头部和收货地址　　2.较为复杂的确认订单信息　　3.交互

一、简单的头部和收货地址

根据站长的图片，自己模仿着做了一下，刚开始没有想到填写信息的4个框框可以用表格形式，思考了些时间，发现都不合适，然后突然发现可以用表格，一看站长的提示也是用表格。效果如下：

 二、较为复杂的确认订单信息页面

模仿站长的例子写的纯Html页面：

尝试自己加上CSS样式：

三、交互

交互内容很简单，当用户点击留言框的时候，出现一个文本域。站长的代码如下：

1 

 

转载于:https://www.cnblogs.com/czp2bconfident/p/8653957.html