z-index:
auto (默认值)
检索或设置目标的层叠次序。
并级的目标，此特点参数值越大，则被层叠在最上面。
如两个目标的此特点具有相同的值，那么将根据它们在HTML文档中流的次序层叠，写在后边的将会掩盖前面的。
有必要界说position特点值为 relative | absolute | fixed | center | page，此取值方可收效。
对应的脚本特性为zIndex。
--------------------------------------------------------------------------------------------------
clip：检索或设置目标的可视区域。区域外的部分是通明的。
有必要将position的值设为absolute，此特点方可运用。
auto： 目标无剪切
rect(|auto |auto |auto |auto)： 根据上-右-下-左的次序供给自目标左上角为(0,0)坐标核算的四个偏移数值，其间任一数值都可用auto替换，即此边不剪切。
上-左 方位的裁剪：从0开端取舍直到设定值，即 上-左 方位的auto值等同于0；
右-下 方位的裁剪：从设定值开端取舍直到最右边和最下边，即 右-下 方位的auto值为盒子的实践宽度和高度；
示例：clip:rect(auto 50px 20px auto)
阐明：上边不剪切，右边从第50个像素开端剪切直至最右边，下边从第20个像素开端剪切直至最底部，左面不剪切
inset(|auto |auto |auto |auto)： 该取舍方法与 rect() 相似，不同的是 inset() 的取舍，每个方位都是参照该方位的鸿沟来进行裁剪的。
上-右-下-左 方位的裁剪：从0开端取舍直到设定值，即 上-右-下-左 方位的auto值都等同于0；（CSS3）
-----------------------------------------------------------------------------------------------------------
position： 检索目标的定位方法。
static： 目标遵从惯例流。top，right，bottom，left等特点不会被运用。
relative： 目标遵从惯例流，而且根据自身在正常流中的方位经过top，right，bottom，left特点进行偏移时不影响惯例流中的任何元素。层叠经过z-index特点界说。
absolute： 目标脱离惯例流，运用top，right，bottom，left等特点进行肯定定位，盒子的偏移方位不影响惯例流中的任何元素，其margin不与其他任何margin折叠，其层叠经过z-index特点界说。
fixed： 目标脱离惯例流，运用top，right，bottom，left等特点以窗口为参阅点进行定位，当呈现翻滚条时，目标不会跟着翻滚。IE6及以下不支撑此参数值
center： 目标脱离惯例流，运用top，right，bottom，left等特点指定盒子的方位或尺度巨细。盒子在其包括容器笔直水平居中。盒子的偏移方位不影响惯例流中的任何元素，其margin不与其他任何margin折叠，其层叠经过z-index特点界说。（CSS3）
page： 盒子的方位核算参照absolute。（CSS3）
------------------------------------------------------------------------------------------------------------------
margin
h2{margin:10px 0;}
检索或设置目标四边的外延边距。
假如供给悉数四个参数值，将按上、右、下、左的次序作用于四边。
假如只供给一个，将用于悉数的四边。
假如供给两个，第一个用于上、下，第二个用于左、右。
假如供给三个，第一个用于上，第二个用于左、右，第三个用于下。
内联目标能够运用该特点设置左、右两头的外补丁；若要设置上、下两头的外补丁，有必要先使该目标表现为块级或内联块级。
外延边距一直通明。
某些相邻的margin会产生兼并，咱们称之为margin折叠
---------------------------------------------------------------------------------------------------------
aspect-ratio
界说输出设备中的页面可见区域宽度与高度的比率。
本特性承受min和max前缀，因而能够派生出min-aspect-ratio和max-aspect-ratio两个媒体特性。
@media screen and (aspect-ratio:1680/957){ … }
@import url(example.css) screen and (max-aspect-ratio:20/11);
---------------------------------------------------------------------
background：
[ background-color ]： 指定目标的布景色彩。
[ background-image ]： 指定目标的布景图画。能够是实在图片途径或运用突变创立的“布景图画”
[ background-repeat ]： 指定目标的布景图画怎样铺排填充。
[ background-attachment ]： 指定目标的布景图画是随目标内容翻滚仍是固定的。
[ background-position ]： 指定目标的布景图画方位。
[ background-origin ]： 指定目标的布景图画显现的原点。
[ background-clip ]： 指定目标的布景图画向外裁剪的区域。
[ background-size ]： 指定目标的布景图画的尺度巨细。
--------------------------------------------------------------------
background-attachment 设置或检索布景图画是随目标内容翻滚仍是固定的。有必要先指定background-image特点。
fixed： 布景图画相对于窗体固定。
scroll： 布景图画相对于元素固定，也就是说当元素内容翻滚时布景图画不会跟着翻滚，由于布景图画总是要跟着元素自身。但会随元素的先人元素或窗体一同翻滚。
local： 布景图画相对于元素内容固定，也就是说当元素随元素翻滚时布景图画也会跟着翻滚，由于布景图画总是要跟着内容。（CSS3）
-----------------------------------------------------------------------------------------------------------------------------
background-clip 指定目标的布景图画向外裁剪的区域。
padding-box： 从padding区域（不含padding）开端向外裁剪布景。
border-box： 从border区域（不含border）开端向外裁剪布景。
content-box： 从content区域开端向外裁剪布景。
text： 从远景内容的形状（比方文字）作为裁剪区域向外裁剪，如此即可完结运用布景作为填充色之类的遮罩作用。
---------------------------------------------------------------------------------------------------------------
background-repeat： 设置或检索目标的布景图画怎样铺排填充。有必要先指定background-image特点。
答应供给2个参数，假如供给悉数2个参数，第1个用于横向，第二个用于纵向。
假如只供给1个参数，则用于横向和纵向。特别值repeat-x和repeat-y在外，由于repeat-x相当于repeat no-repeat，repeat-y相当于no-repeat repeat，即其实repeat-x和repeat-y等价于供给了2个参数值
对应的脚本特性为backgroundRepeat。
repeat-x： 布景图画在横向上平铺
repeat-y： 布景图画在纵向上平铺
repeat： 布景图画在横向和纵向平铺
no-repeat： 布景图画不平铺
round： 布景图画主动缩放直到习惯且填充溢整个容器。（CSS3）
space： 布景图画以相同的间隔平铺且填充溢整个容器或某个方向。（CSS3
-------------------------------------------------------------------------
background-position： 设置或检索目标的布景图画方位。有必要先指定background-image特点。
假如供给四个，每个或偏移前都有必要跟着一个关键字（即left | center | right | top | bottom），偏移量相对关键字方位进行偏移。
示例：假定要界说布景图画在容器中右下方，而且间隔右边和底部各有20px
缩写方法： background:url(test1.jpg) no-repeat right 20px bottom 20px;
center： 布景图画横向和纵向居中。
left： 布景图画在横向上填充从左面开端。
right： 布景图画在横向上填充从右边开端。
top： 布景图画在纵向上填充从顶部开端。
bottom： 布景图画在纵向上填充从底部开端。
------------------------------------------------------------
background-origin： 设置或检索目标的布景图画核算background-position时的参阅原点(方位)。
padding-box： 从padding区域（含padding）开端显现布景图画。
border-box： 从border区域（含border）开端显现布景图画。
content-box： 从content区域开端显现布景图画。
-----------------------------------------------------------
本站欢迎任何方式的转载，但请有必要注明出处，尊重别人劳动成果
转载请注明： 文章转载自：BETWAY官网网 https://www.nucmc.com/show-10-72-1.html
转载请注明： 文章转载自：BETWAY官网网 https://www.nucmc.com/show-10-72-1.html
![诙谐网文：我什么都没有，只要一个孩子，在你女儿肚子里 – [人生百趣]](https://www.nucmc.com/img/statics/images/nopic.gif)
