从零开始的全栈工程师——html篇1.7
position定位与表单
一、position
1、Position细说
Position:relative;
Left:100px;
Top:100px;
Position:absolute;
Left:100px;
Top:100px;
Position:relative;如果设置值了,相对原来的位置进行调整
二者区别
- absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置。
- Relative存在”形影分离”,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。
- Absolute 会有一种现象”压盖”效果。
2、position的属性值
四个
1).relativ(相对定位)
relative属性相对比较简单,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。比如代码如下图中 在小div里有一个相对定位
设置了左边距离为50px 上边距离为100px 就是相对于原来的位置偏移
2). absolute
这个属性总是有人给出误导。说当position属性设为absolute后,总是按照浏览器窗口来进行定位的,这其实是错误的。实际上,这是fixed属性的特点。
absolute一般与relative一起使用 一个元素的父级添加一个相对定位relative 给元素添加绝对定位absolute之后
这个元素就是相对于他的父级移动就不会绕着body移动了 代码如下
3).fixed
fixed是特殊的absolute,即fixed总是以body为定位对象的,按照浏览器的窗口进行定位,即使拖动滚动条,他的位置也是不会改变的。
4).static
position的默认值
二、表单(form)
1.表单
Action指的使提交的地址 比如 百度:https://www.baidu.com
Methods 提交方式 post 和get
Get 是在http的url上提交不加密 post加密在http中的一个body对象上提交的。
2.表单的内元素
文本框:<input type="text"/>
密码框:<input type="password"/>
单选框:<input type="radio">
多选框:<input type="checkbox">
普通按钮:<input type="button" value="按钮">
提交按钮:<input type="submit" value="提交">
下拉列表:<select name=""><option></option></select>
- 成为全栈工程师真的好吗?
- 全栈工程师图谱
- 如何成为全栈增长工程师?
- 产品经理之产品需求文档PRD-全栈工程师熊盼
- 为什么未来是全栈工程师的世界?
- 全栈工程师之路-中级篇之小程序开发-第一章第一节注册小程序
- Node.js 从零开发 web server博客项目 前端晋升全栈工程师必备
- 04全栈工程师--2016-08-09
- 为什么未来是全栈工程师的世界?
- 2017年成为全栈开发工程师的权威指南
- 前加绩中国、信雅达高级全栈工程师:吴劲松
- 怎样成为全栈工程师
- 全栈工程师之路-中级篇之小程序开发-第二章第五节小程序中的Promise
- 2017年如何成为全栈工程师,这些技能是你必须具备的!
- 你想学好rails+vim+ruby+titanium等等成为全栈工程师牛人么?这里是牛人博客网站地址
- 全栈开发工程师,就是个神话~【转载+整理】
- typescript -- 全栈工程师的利器
- 如何成为一名优秀的全栈工程师
- 怎样成为全栈工程师(Full Stack Developer)?
- 黑马程序员:为什么未来是全栈工程师的世界?