优酷登录页面

                                                                     优酷登录页面

我找了一个比较简单的一个图片，我已经用PS标出第一部分.第二部分.第三部分.第四部分，四部分来写。

我在源代码上面打个div在起一个类名，然后在css写一些样式。设置背景颜色的宽跟高，然后在放上背景图片就完成了第一步。

然后就是第二部分的内容，在一个大盒子里面打一个div再加上一个类名，然后在div里面打一个h3标签再往里面添上一些文字，下面也是一样的只不过是把h3换成了p标签再把类名换一下就可以了。

来到css里面写样式，设置h3里面文字向右对齐的位置.和文字的大小。然后我给下面的p标签里面的文字也写一下样式，文字向右对齐.然后在向上移动.设置他的字体颜色还有一些效果.鼠标移入指针就变成小手，给他一个伪类设置他的鼠标移入文字颜色，39到41的部分是放一个小小背景图片。

在第三部分源代码里面打一个div然后在里面的input标签，虽然里面的意思有一些不了解。但是我能写出一点点来。

然后在到css里面写一些样式设置宽度.高度.外边距.背景颜色.边框属性和移动位置，下面也是一样的原理，只是加了一个上边距。

这是第四部分的内容，登录按钮我用a标签包裹住。

我先设置一个背景颜色为蓝色的宽跟高，然后在设置他移动的位置。之后在移动文字到蓝色距形的中间，去掉字体下划线设置他的颜色为黑色，然后下面在给他一个伪类，鼠标移入到那文字上面颜色就会变成红色，鼠标移出颜色就变回他原来的颜色。