企业门户网站的设计与实现盒子的浮动与定位PPT资料.ppt
- 文档编号:15638011
- 上传时间:2022-11-09
- 格式:PPT
- 页数:11
- 大小:1,013.50KB
企业门户网站的设计与实现盒子的浮动与定位PPT资料.ppt
《企业门户网站的设计与实现盒子的浮动与定位PPT资料.ppt》由会员分享,可在线阅读,更多相关《企业门户网站的设计与实现盒子的浮动与定位PPT资料.ppt(11页珍藏版)》请在冰豆网上搜索。
狭义的“定位”:
在CSS有一个非常重要的Position,这个单词翻译为中文也是定位的意思,然而要使用CSS进行定位操作并不仅仅通过这个属性来实现,因此不能二者混淆。
盒子的浮动与定位盒子的定位static:
这是默认的属性值,也就是该盒子按照标准流(包括浮动方式)进行布局。
relative:
称为相对定位,使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使用盒子相对于它在原本的标准位置便宜指定的距离。
相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它。
absolute:
绝对定位,盒子的位置以它的包含框为基础进行偏移。
绝对定位的盒子从标准流中脱离。
这意味着它们对其后的兄弟盒子的定位没有影响,其他的盒子就好像这个盒子不存在一样。
fixed:
称为固定定位,它和绝对定位类似,只是以浏览器窗口为基准进行定位,也就是当拖动浏览器窗口的滚动条时,依然保持对象位置不变。
这是默认的属性值,也就是按照该盒子的标准流(包括浮动方式)进行布局盒子的浮动与定位盒子的定位Relative:
这个称为相对定位,使用相对定位的盒子的位置根据常以标准流的排版方式为基础,然后盒子相对于它在原本标准的位置偏移指定的距离。
相对定位的盒子仍在标准流中,它后面的盒子仍以标准流的方式对待它。
盒子的浮动与定位盒子的定位Absolute:
绝对定位,盒子的位置以它的包含框为基准进行偏移,绝对定位的框从标准流中脱离。
这意味他们对其后的兄弟盒子定位没有影响,其他盒子就好像这个盒子不存在一样。
盒子的浮动与定位盒子的定位Fixed:
称为固定定位,它和绝对定位类似,只是以浏览器窗口为基准进行定位。
盒子的浮动与定位盒子的Display属性div1div2div3span1span2span3span4div5
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 企业 门户 网站 设计 实现 盒子 浮动 定位