项目填写信息页面

1.搭建页尾部框架（a,div,span,img,footer等）

（1）问题：如何是框架并列

方法：使两个div框架浮动并齐

（2）问题：如何把字体化线

方法：用text-decoration: line-through;"

2.用css样式美化头部（文字居中，字体颜色，大小，宽高等）

3.完成项目的内容

一、嵌套页头页脚
1、页头
<iframe class="inhead" src="head.html" width="1500px"></iframe>
2、页脚
<iframe class="infooter" src="footer.html"></iframe>
3、设置页头页脚样式
.inhead{
                height: 120px;
                border: 0;
            }
            .infooter{
                width: 1500px;
                height: 220px;
                border: 0;
                margin-top: -8px;
            }

二 主要运用知识下边框下滑虚线 并调整间距

.xhx{
                border-bottom: 1px dashed lightgray;
                margin-top: 10px;
                padding-top: 10px;
            }

下拉框

<select name="" id="" style="margin-left: 35px;">
                    <option value="">河南省</option>
                </select>
                <select name="" id="">
                    <option value="">南阳市</option>
                </select>
                <select name="" id="">
                    <option value="">金水区</option>
                </select>

文本框

<textarea name="" id="" cols="30" rows="10" placeholder="贺卡留言:最多30个字，生日牌:最多8个字，请在“贺卡留言”中注明."  style="margin-top: -20px;"></textarea>

文本框中的提醒文字

 placeholder=“”

三 实现步骤

1，用div搭建大型框架使各个部分分成一个一个小部分

在用label和input标签设置主要内容

再用css样式美化

其中主要的有就是把图片和文字设置同一水平线

解决方法：用两个div分别包含文字和图片再使两个div浮动

为了不影响下面步骤要用style="clear: both;"清除浮动

四.显目图片