* 凡客诚品登录面页分析

• 网页元素element 1.header( 里面有一个loge和有一个帮助的链接) 2.container(content). 其中里面有3个版块 a.id=step的midcentent(width=coontainer) b.leftside登录框 c.rightside注册框 3.footer(bottom) 分成3个版块 a.class=bzp的保障服务（3幅图片） b.class=bzp3的footer c.class=bzp2的凡客荣誉（3幅图片）

• 各个element的用途： 1.header header上加上logo 可以一眼看到你是什么网站 一目连然 在header右边加上帮助的链接 在登录注册面页 用户有什么问题可以按帮助 2.container(content) midcentent 告诉用户结算的操作流程 leftside是login框 上面有vancl用户和vjia用户的login的选择（onclick选择） 有js验证 下面还有温馨提示 rightside 是注册框 3.bottom 介绍公司的地址和一些保障和荣誉

• 整个网页size 1424*707, 1.各个element的side(px) header 800*39 logo 311×39 help链接24×12 header以border-bottom:#7a7f89 1px solid的下划线隔离 2.content a. step 800*31 其中padding-top:17px; b.login框和register框 383×418 两者是float:left float:right 相隔40px margin:15px 0px; login框内容与外边距：margin:24px 25px 12px 22px 用户名和密码相距22px, 密码和登录button 相距15px, 注册输入框与输入框和 文本间距12px. 注册文本内容与margin:24px 22px 12px 24px 3.bottom 980×200px

• 网站的颜色： 网站已白色为底色 以红灰为配色 logo英文为黑色#231515 英文部分：#890200（都是渐变但是变化不大） button以a10000 深红为主 其中红色字体出现在很显眼的位置例如标题 button 温馨提示等 没有链接的文本一般以#999类灰色的形式出现 而有链接的 一般以#333出现 hover以a10000出现 文本字体以12px 默认为主 bottom为12px宋体.