还剩5页未读,继续阅读
文本内容:
《定位方法与定位元》课PPT件什么是定位方法定位方法的定义1定位方法是指在网页布局过程中,通过设置元素的定位属性,使元素相对于其它元素或文档进行定位的一种技术定位方法的分类2相对定位相对于元素原本所在的位置进行定位-绝对定位相对于最近的已定位祖先元素进行定位-固定定位相对于浏览器窗口进行定位,不随滚动条滚动-相对定位相对定位的原理1通过设置元素的定位属性为,相对于元素原本所在的位置进行定位,并且仍保relative留原有位置的空间相对定位的语法2定位元素选择器像素值像素值{position:relative;top:;left:;}相对定位的应用场景3调整元素的位置-与绝对定位和固定定位配合使用实现特定效果-绝对定位绝对定位的原理1通过设置元素的定位属性为,相对于最近的已定位祖先元素进行定位,如果没absolute有已定位祖先元素,则相对于文档进行定位绝对定位的语法2定位元素选择器像素值像素值{position:absolute;top:;left:;}绝对定位的应用场景3创建浮动元素-实现特殊布局效果-固定定位固定定位的原理固定定位的语法固定定位的应用场景123通过设置元素的定位属性定位元素选择器创建固定的导航栏-为,相对于浏览器fixed{position:fixed;top:实现全屏滚动效果-窗口进行定位,不随滚动像素值像素值;left:;}条滚动定位元素定位元素的定义1定位元素是指设置了定位属性的元素,可以通过定位方法进行定位定位元素的分类定位元素的应用场景23块级元素独占一行,可以设置宽度和高度创建复杂的布局--行内元素不独占一行,宽度由内容决定实现特殊的效果--总结定位方法和定位元素的关系1定位方法决定了定位元素的定位方式定位方法的如何选择2根据页面的需求和效果选择合适的定位方法定位方法和页面布局的关系3定位方法可以影响页面的布局,实现各种各样的布局效果。