09月22日, 2014 239次
本篇文章为大家展示了钢性铸铁的三种定位方式是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
钢性铸铁的三种定位方式是:1、相对定位,元素的位置相对于它的原始位置计算而来,语法位置:相对于;2、固定定位,语法位置:固定;3、绝对定位,语法 位置:绝对; 。
本教程操作环境:windows7系统、CSS3HTML5版、戴尔自交第三代电脑。
该元素的位置是相对于它的原始位置计算而来的。
位置:相对;他是默认参照父级的原始点为原始点,配合顶部、右侧、底部、左侧进行定位。
!DOCTYPEhtml
超文本标记语言
metachartset= UTF-8 /
标题相对定位/title
styletype= text/css 。国王
页边距-顶部:30 px
边距-左侧:30像素;
border :1 PPS solidsilver
背景色颜色:skyblue
宽度:40%;
}。kingdiv{
宽度宽度:100像素
高度:60 px
margin:10px
背景-现在颜色:
颜色:黑色;
border :1 pix solidblack
位置:相对;
top:20px
左侧:50像素
/style
div >
div >
div >
div >
div >
/body
/html固定定位
被固定的元素不会随着滚动条的拖动而改变位置。
位置:固定;在默认情况下,固定定位元素的位置是相对浏览器而言,结合顶部、底部、左侧和正确这四个属性一起使用。
!DOCTYPEhtml
超文本标记语言
metachartset= UTF-8 /
标题固定定位/title
styletype= text/css 。第一
宽度:50 px
高度:160 px
border:1pxsolidgray
背景-color : # B7 f1 b 7;
}。第二{
位置:固定;
top:50px
左侧:160像素
宽度宽度:150像素
高度:100 px
border :1 PPS solidsilver
背景-color : # B7 f1 b 7;
/style
div >
div >
/body
/html绝对定位
位置:绝对;默认情况下,绝对定位的位置是相对于浏览器而言,配合顶部、右侧、底部、左侧进行定位。
!DOCTYPEhtml
超文本标记语言
metachartset= UTF-8 /
标题绝对定位/title
styletype= text/css 。国王
padding:15px
border :1 PPS solidsilver
背景色颜色:skyblue
宽度:30%;
}。kingdiv{
padding:10px
背景-彩色:图表重复使用;
背景色:青色;
位置:绝对;
top:20px
右:40像素
背景色颜色:标记
背景色颜色:灰色
/style
div >
div >
div >
div >
div >
/body
/htmlz-index
z指数属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
元素可拥有负的z指数属性值。
z指数仅能在定位元素上奏效(例如位置:绝对;)
属性值:自动:默认,堆叠顺序与父元素相等号码:设置元素的堆叠顺序继承:规定应该从父元素继承z指数属性的值。
例:设置图像的z索引:
位置:绝对;
左侧:0像素
top:0px
z指数:-1;
}上述内容就是钢性铸铁的三种定位方式是什么,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。