"css"相关教程
设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。CSS绝对定位绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。普通流中其它元素的布局就像绝对定位的元素不存在一样:#box_re...
HTMLDOMStyle对象定义和用法zIndex属性设置或返回定位元素的堆叠顺序。具有较大堆叠顺序(1)的元素始终位于具有较低堆叠顺序(0)的另一个元素之前。提示:定位元素是position属性设置为:relative、absolute或fixed的元素。提示:如果要创建重叠元素,此属性很有用。另请参阅:CSS教程:CSS定位CSS参考手册:z-index属性实例例子1更改<img>元素的堆叠顺序:document.getElementById("im...
[HTML] HTML <dir> 标签的 compact 属性
HTML<dir>标签实例在目录列表中使用compact属性:<dir compact="compact"> <li>HTML</li> <li>XHTML</li> <li>CSS</li></dir>亲自试一试定义和用法compact属...
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS浮动请看下图,当把框1向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框1向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中,所以它不占据空间,实际上覆盖住了框2,使框2从视图中消失。如果把所有三个框都向左移动,那么框1向左浮动直到...
CSS选择器参考手册实例选择并设置位于<div>元素内部的每个<p>元素的样式:div p{ background-color:yellow;}亲自试一试浏览器支持选择器ChromeIEFirefoxSafariOperaelementelementYesYesYesYesYes所有主流浏览器都支持elementelement选择器。定义和用法elementelement选择器用于选取元素内部的元素。相关页面CSS教程:CSS后代选...
CSS选择器参考手册实例选取父元素是<div>元素的每个<p>元素,并设置其背景色:div>p{ background-color:yellow;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOperaelement>elementYes7.0YesYesYes注释:对于IE8及更早版本的浏览器中的element>element,必须声明<!DO...
CSS选择器参考手册实例选择<div>元素之后紧跟的每个<p>元素,并设置其背景色:div+p{ background-color:yellow;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOperaelement+elementYes7.0YesYesYes注释:对于IE8及更早版本的浏览器中的element+element,必须声明<!DOCTYPE>...
[CSS] CSS3 element1~element2 选择器
CSS选择器参考手册实例为所有相同的父元素中位于p元素之后的所有ul元素设置背景:p~ul{background:#ff0000;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOperaelement1~element24.07.03.53.29.6注释:对于IE8中的该选择器,必须声明<!DOCTYPE>。定义和用法element1~element2选择器element1之后出现的所有el...
HTMLDOMImage对象定义和用法height属性设置或返回图像的height属性的值。height属性规定图像的高度。此属性还可以返回已使用CSS设置样式的图像的高度(请参见下方的实例)。提示:请使用width属性设置或返回图像的width属性值。实例例子1将图像的高度更改为300px:document.getElementById("myImg").height = "300";亲自试一试例子2返回图像的高度...
HTMLDOMImage对象定义和用法naturalHeight属性返回图像的原始高度。例如,如果您有一幅最初为200像素高的图像。然后,您使用CSS/或使用HTML"height"属性设置图像的样式,使其高度成为500像素。naturalHeight属性将返回"200",而height属性将返回500。提示:请使用naturalWidth属性返回图像的原始宽度,或使用width属性设置或返回图像的width属性的值。注意:此属性是只读...
CSS函数参考手册实例首先定义一个名为"--main-bg-color"的自定义属性,然后使用var()函数在样式表中插入该自定义属性的值::root { --main-bg-color: coral; }#div1 { background-color: var(--main-bg-color); }#div2 { ba...