Html布局
2016-06-29 20:53
357 查看
积累,以少成多
布局在任何一款软件中都是具有的,在html中也是不可缺少的。html中的布局分为:相对布局,绝对布局,浮动。
布局在任何一款软件中都是具有的,在html中也是不可缺少的。html中的布局分为:相对布局,绝对布局,浮动。
1、static
static是默认的布局方式。不可以用left,right,top,bottom。但是可以用margin-left、right、top、bottom。一般请款下left和right只用一个,top和bottom只用一个。2、relative(相对布局)
relative相对布局,它是在它原本位置的基础上进行偏移,也就是说它相对的对象是它自己本身,但是它依然占据原本的位置。可以通过left、right、top、bottom等进行控制。3、absolute(绝对布局)
absolute是绝对布局,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先元素的左上角。但是该元素不占用原本的位置。可以通过left、right、top、bottom等进行控制。4、fixed(固定定位)
fixed是固定定位,跟absolute差不多,但是有区别。参照位置是浏览器窗口的左上角,即坐标点为(0px, 0px)。它的参照位置是固定的。它也不占有原本的位置。可以通过left、right、top、bottom等进行控制。5、float(浮动)
float浮动,故名思议该元素会浮动起来,不占用原本的位置。可以设置float为left、right等。总结:
熟练的掌握布局,对制作网页是非常重要的。相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- Ruby编写HTML脚本替换小程序的实例分享