今天所完成的事件

relative, absolute, fixed的区别

position:absolute;（绝对定位）

它的解释是相对于最接近的一个具有定位属性的父包含块进行绝对定位，如果不存在就相当在body元素也就是浏览器窗口进行定位。

Position:relative;(相对定位)

解释是属性确定元素正常文档流中偏移位置。相对定位生成一个元素（元素层一样浮动）

大考简单的尝试了下如果你前面是一个如果你前面有个已经好的文本而这个文本由没有包含在里面那么你写的正方体会直接覆盖在那个文本上面。

Fixed固定位置

解释：它不会随着浏览器的滚动条滚动而变化。除非你在屏幕中移动浏览器的位置或者改变显示大小，否则它会固定在浏览器窗口内视图某个位置，不会受文档流的影响。

 通过实验

代码如下

这拥有绝对定位的

这是没有绝对定位的

感觉如果没有这个绝对定位那么它的对齐是直接和浏览器对齐，而且还不能进行位移，而有这个定位对齐是对齐父类的块状元素也就是我前面输入的<header>盒子里面的边对齐，可以进行大小移位。就是通过<header>贴着浏览器相当于一行首页部署然后通过绝对定位部署在里面的文字。

Position:relative;(相对定位)

通过实验

这是由相对定位的代码

这是用绝对定位的代码

使用绝对定位 我的2个图片全包到一个位置了，并且他们跳出<div>盒子直接跟浏览器对齐而不是跟我的盒子边进行对齐，而也算是明白相对定位元素层一样浮动，跟元素块单独占一行。

Input元素标签

Input表示Form表单中的一种输入对象，其又随type类型不同而份文本输入和密码输入，单选/复选框,提交/重制按钮等。

Type=text

输入类型是text,

输入类型是text，如登陆输入用户，注册输入电话，电子邮件，家庭住址等，也是input默认类型。

参数

name:表示该文本输入框名称

size:输入框长度大小。

Maxlength:输入框中允许输入字符最大数。

Value:输入框中的默认值

特殊参数：readonly:表示该框数只能显示不能修改。

代码如下

<input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30，允许最大字符数为20"><br>
　　<input type="text" name="yourname" size="30" maxlength="20" readonly value="你只能读不能修改">

Type=password

密码输入框，就是在输入密码时候保密输入的字符。

<input type="password" name="yourpwd" size="20" maxlength="15" value="123456">密码长度小于15

还很多属性没有介绍我就看了我要用到的：http://www.cnblogs.com/XYQ-208910/p/5831497.html

问题不知道如何消除 input边框

Border:0;消除边框（但你在输入文字是会显示边框）

Outline:nine输入文字时不显示边框

placeholder="这里输入文字"

input设置默认显示文字的两种方式：

1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。

你要把Value属性换成Placeholder属性不然你输入后还是有边框。

 通过师兄的指导知道一个代码box-sizing: border-box;消失内滚动条，通过不停的改动终于把内滚动条改没了。

明天计划任务5.