欢迎来到天天文库
浏览记录
ID:28444460
大小:83.12 KB
页数:4页
时间:2018-12-10
《css常用属性总结一》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、z-indcx:auto(默认值)检索或设置对象的层叠顺序。并级的对象,此属性参数值越大,则被M叠在最上面。如两个对象的此展性具有同样的值,那么将依据它们在HTML文档屮流的顺序层叠,写在后面的将会覆盖前面的。必须定义position属性值为relative
2、absolutefixed
3、center
4、page,此取值方可生效。对应的脚木特性为zIndex。clip:检索或设置对象的可视区域。区域外的部分是透明的。必须将position的值设为absolute,此性方可使用。auto:对象无剪切rect(
5、auto
6、auto
7、auto
8、auto)
9、:依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其屮任一数值都可用auto替换,即此边不剪切。上-左方位的裁剪:从0开始剪裁直到设定值,即上-左方位的auto值等同于0;右-卜*方位的裁剪:从设定值开始剪裁直到最右边和最K边,即右-不方位的auto值为盒子的实际宽度和高度;示例:clip:rect(auto50px20pxauto)说明:上边不剪切,农边从第50个像素开始剪切直至最A边,下边从第20个像素开始剪切直至最底部,左边不剪切inset(
10、auto
11、auto
12、auto
13、auto):该剪裁方式与rect()类
14、似,不同的是inset()的剪裁,每个方位都是参照该方位的边界来进行裁剪的。上-衣-下-左方位的裁剪:从0开始剪裁直到设定值,即上-右-下-左方位的auto值都等同于0;(CSS3)position:检索对象的定位方式。static:对象遵循常规流。top,right,bottom,left等属性不会被应用。relative:对象遵循常规流,并且依掘身在正常流中的位置通过top,right,bottom,left械性进行偏移时不影响常规流屮的任何元素。层叠通过z-index属性定义。absolute:对象脱离常规流,使用top,right,bo
15、ttom,left等属性进行绝对定位,盒子的偏移位置不影响常规流中的任何元索,.其margin不与其他任何margin折叠,其M叠通过z-index属性定义。fixed:对象脱离常规流,使用top,right,bottom,left等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。IE6及以下不支持此参数值center:对象脱离常规流,使用top,right,bottom,left等属性指定盒子的位置或尺、?大小。盒子在其包含容器垂直水平居中。盒子的偏移位置不影响常规流屮的任何元素,Jtmargin不与其他任何margin折叠,其
16、层叠通过z-index属性定义。(CSS3)page:盒子的位置计算参照absolute。(CSS3)marginh2{margin:lOpx0;}检索或设置对象四边的外延边距。如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。如果只提供-个,将用于全部的四边。如來提供两个,第一个用于上、卜第二个用于左、右。如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。内联对象可以使用该属性设置左、右W边的外补丁;若要设置上、下两边的外补丁,必须先使该对象表现为块级或内联块级。外延边距始终透明。某些相邻的margin会发生合井,我们称
17、之为margin折叠aspect-ratio:指定比率定义输出设备中的页面町见区域宽度与高度的比率。本特性接受min和max前缀,因此可以派生出minraspect—ratio和max-aspect-ratio两个媒体特:性。@mediascreenand(aspect—ratio:1680/957){…}©importurl(example.css)screenand(max-aspcct-ratio:20/ll);background:[background-color]:指定对象的背景颜色。[background-image::指定对象的
18、背景图像。可以是真实图片路径或使用渐变创建的“背景图像”[background-repeat]:指定对象的背景图像如何铺排填充。[background-attachment]:指定对象的背景图像是随对象内各滚动还是固定的。[background-position]:指定对象的背景图像位置。[background-origin]:指定对象的背景图像显乐的原点。[background-clip]:指定对象的背景图像M外裁剪的区域。[background-size]:指定对象的背景图像的尺、大小。background-attachment设置或检索背
19、景图像是随对象内容滚动还是固定的。必须先指定background-image属性。fixed:狩景图像和对于窗体固定。scroll:背景图像相对于元素
此文档下载收益归作者所有