css常用属性总结一

《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：背景图像相对于元素