前端笔记7
1.关于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:定位的时候,尽量保持父绝子相
2.position:fixed;(固定定位)
脱离标准流的三种方法(float、fixed、absolute)
Position:static;静态
3.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(双标签)
4.让元素在网页中居中
height:340px;
width:200px;
position:absolute;
top:50%;
left:50%
margin-top:-170px;
margin-left:-100px;
5.透明度opacity
默认值是1,则不透明
值为0,则完全透明
半透明,小数,0.5