9.17-9.19h5日记

9.17

❤关于position（absolute、relative）

position：relative；

top：100px；

right：200px；

如果relative设置值，则是根据它原来的位置改变位置

position：absolute；

top：100px；

right：200px；

relative和absolute两者的区别

1、使用absolute会脱离标准流，而relative不会，relative虽然给值了，也移动位置了，但是依然占着原来的位置

2、relative存在“形影分离”的情况，所以一般不建议给它添值，只用它当做子元素的参照物或者给元素的微调

3、absolute会有压盖现象

（所以就出现了z-index，层级关系，可以改变元素的层叠位置，所以标签默认为0，哪个元素设的z-index的值越大，谁就在上边）

PS：定位的时候，尽量保持父绝子相

❤position：fixed；（固定定位）

脱离标准流的三种方法（float、fixed、absolute）

Position：static；静态

❤form 表单

<form action="表单提交的地址位置"； method:"表单提交的方式(post/ get)";/>

1、action是提交form的地址，而提交它有两种方式，post和get

2、Get 是在http的url上提交不加密   post加密在http中的一个body对象上提交的。

http是一种协议，超文本传输协议，客户端与服务端连接的一种协议

input（单标签）

type有哪几种：text、checked box、radio、password、button、submit

select（双标签）

9.19

❤让元素在网页中居中

height：340px；

width：200px；

position：absolute；

top：50%；

left：50%

margin-top：-170px；

margin-left：-100px；

❤透明度opacity

默认值是1，则不透明

值为0，则完全透明

半透明，小数，0.5