6.16日志

一、主题：完成购物车页面

二、知识点

1、

/* 除掉表格之间的距离 */
    border-collapse: collapse;

2、

text-decoration:line-through;

效果如下：

3、 表单

表单作用：在页面里，需要通过表单装载数据，然后才能把数据提交给数据库。

表单元素：form, input(text,button,checkbox,radio), button, select, option, label

(1)下拉框select常用属性：size：n:可以看到多行数据选项；multiple:可以选择多行数据项。

(2)h5里的新标签元素：feildset:类似于winform里的group；

datalist：可以自定义输入文本框的下拉框

三、项目步骤

1、先写一个最大的div包括所有，在最大的div下一级引用头部和尾部。在scc里设置样式：如下

<div class="big">
			<iframe src="header.html"></iframe>
            <iframe src="footer.html"></iframe>
</div>

 

iframe{
	width: 1220px;
	border: 0;
	margin: auto;
}
body{
	margin: auto;
}

.big{
	border: 0px solid red;
	width: 1220px;
	margin-left: 310px;
	margin: auto;
}

2、在table里边用<tr><td>设置四行七列

3、表格设置完，最后在表格下面写一个div，把里面的应付金额和去结算设置一下。

效果：

 

四、项目中的问题？

1、第一列的三个小图标不会居中

解决：问的同学。

直接在<td>里写text-align: center;图片也可以居中。