0911内容。

一.列表块:

 1.列表图片属性list-style-image:用来定义列表元素中替换列表符号的图像.有两个属性①none:不实用任何列表图像.②url:定义使用列表图像的路径.

 2.标记位置属性list-style-position:用来定义列表中标记的显示位置.有两个属性①outside:定义列表标记显示在文本之外.②inside:定义列表标记显示在文本之内.

 注意:在使用列表综合属性的时候,如果同时定义了列表的图片属性和列表符号属性,则会显示列表图片,而忽略定义的列表符号.

二.布局与格式

 1.位置:关于元素所在的位置.

 元素的定位属性:

 ①position:绝对定位.以有含有定位属性的父元素为基准.按照边偏移属性中定义的属性值显示.

 ②relative:相对定位.元素以自身位置为基准,按照边便宜属性中定义的属性值显示.

 ③fixed:相对于浏览器边框位置固定.
 
 2.top:上边偏移属性.用来定义元素顶部偏移位置的大小.

 注意:使用百分比值的时候,只有在定义元素定义属性值为绝对定位(absolute)或者相对定义(relative)的时候,才能正常显示.

 3.right:右边偏移属性.用来定义元素右侧偏移位置的大小.
 
 在使用右边偏移属性的时候,如果未定义左边偏移属性,则元素的显示位置将根据浏览器窗口的大小改变而改变.

 4.bottom:下边偏移属性.用来定义元素底部偏移位置的大小.

 在使用下边偏移属性的时候,如果没有定义上边偏移属性,则元素的显示位置将根据浏览器窗口的大小改变而改变.

 5.left:左偏移属性.用来定义元素的左边偏移位置的大小.

 绝对定位:用来确定元素相对定义父元素的绝对位置.

 在页面中,使用绝对定位的元素,会从文档中独立的显示出来,所以使用决定定位的元素可能会遮盖其他的页面元素.

 绝对定位与父元素:

 在使用决对定位的时候,定位的参照元素是包含定位属性的父元素,如果没有这样的父元素,则元素按照<body>元素的位置确定显示的位置.

 绝对定位与相邻元素:

 在使用绝对定位的时候,绝对定位元素会独立显示,并不影响其他元素的显示位置(但是有可能遮盖其他元素),与绝对定位元素相邻的元素,会忽略绝对定位元素的存在,按照各自的显示方式正常显示.

 相对定位:按照元素自身所在的位置,使用边偏移属性重新定义元素的显示位置,使用相对定位的元素,依然是文档中的元素,元素的显示位置和元素所在文档中其他元素相互关联.

 相对定位元素位置的确定:

 在确定相对定位元素位置的时候,首先要确定元素的原始位置,即元素在文档中的位置,然后根据边偏移属性中定义的偏移值,确定元素的最终位置.

 相对定位与相邻元素:

 在使用相对定位的时候,相对定位元素保留原来所占有的空间,同时将自身按照边偏移属性中定义的属性值进行偏移(有可能遮盖其他元素),与相对定位元素相邻的元素,

会按照相对定位元素为普通元素的方式排列.

 z-index:用来定义定位元素的显示顺序.在层叠定位属性中,属性值使用auto值和没有单位的数字.其语法结构为:z-index:auto number

 
 

原文地址:https://www.cnblogs.com/zxl89/p/5863323.html