一、position    位置

1、只要使用了定位,必须有一个相对的参照物

2、具体定位的那个元素需加position:absolute;(绝对的)

   绝对的:就是具体到某一个地方,特别详细的意思

   使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级查找position,一直找到position为止,如果找不到就会以body为相对位置。

3、position  细说

    position:relative;          position:absolute;

      left:100%;           left:100%;

      top:100%;           top:100%;

     *:position:relative  如果设置了值,相对原来的位置进行调整

4、二者的区别

  1)、absolute会脱离标准文档流,relative不会,relative虽然给了值,但依然占据着原来的位置

  2)、relative存在“形影分离”,所以一般情况下不建议添加值,一般给子元素当参照物,或者是元素的微调

  3)、absolute会有一种现象,压盖现象

  z-index 层次效果,可以改变元素的层叠位置,所以的标签默认的是“0”,z-index的值越大,该元素就在上方

  *注:以后我们在做定位的时候,尽量保持“子绝父相”

4、补充细节

页面布局:

    我们在做网页时要分清楚结构层和布局层

    结构层:搭我们的页面框架

    *注:我们在做网页时,不需要用浮动解决的问题,尽量不要用

       使用浮动之后会使元素脱标

细节问题:

  块级元素的宽度如果没有设置宽度,就是父级的宽;如果没有设置高度,根据内容而定。

二、表单

  <form   action=""    method="post">

    <input      mtype="submit"      value=""/>

  </form>

  action:提交的地址

  method:提交方式

  *注:method的提交方式有两种

      get:是在HTTP的url上提交的不加密

      post:是在HTTP中的body上提交的加密

     (HTTP:超文本传输协议     是一种协议,就是客户端和服务端链接的一种协议)