HTML-CSS代码表..docxVIP

CSS 定位属性CSS 定位属性允许你对元素进行定位。属性描述position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。top定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom定义了定位元素下外边距边界与其包含块下边界之间的偏移。left定义了定位元素左外边距边界与其包含块左边界之间的偏移。overflow设置当元素的内容溢出其区域时发生的事情。clip设置元素的形状。元素被剪入这个形状之中，然后显示出来。vertical-align设置元素的垂直对齐方式。z-index设置元素的堆叠顺序。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。#box_relative { position: relative; left: 30px; top: 20px;}如下图所示：注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。如果把所有三个框都向左移动，那么框 1 向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。如下图所示，如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：CSS 尺寸属性CSS 尺寸属性允许你控制元素的高度和宽度。同样，还允许你增加行间距。属性描述height设置元素的高度。line-height设置行高。max-height设置元素的最大高度。max-width设置元素的最大宽度。min-height设置元素的最小高度。min-width设置元素的最小宽度。width设置元素的宽度。CSS 分类属性 (Classification)CSS 分类属性允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素，使用绝对值来定位元素，以及元素的可见度。属性描述clear设置一个元素的侧面是否允许其他的浮动元素。cursor规定当指向某元素之上时显示的指针类型。display设置是否及如何显示元素。float定义元素在哪个方向浮动。position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。visibility设置元素是否可见或不可见。伪类浏览器支持：IE Internet Explorer, F: Firefox, N: Netscape。W3C：“W3C” 列的数字显示出伪类属性由哪个 CSS 标准定义（CSS1 还是 CSS2）。伪类作用IEFNW3C:active将样式添加到被激活的元素4181:focus将样式添加到被选中的元素---2:hover当鼠标悬浮在元素上方时，向元素添加样式4171:link将特殊的样式添加到未被访问过的链接3141:visited将特殊的样式添加到被访问过的链接3141:first-child将特殊的样式添加到元素的第一个子元素?172:lang允许创作者来定义指定的元素中使用的语言?182:first-line 伪元素first-line 伪元素用于向某个选择器中的文字的首行添加特殊样式：浏览器显示根据 first-line 伪元素格式化的第一行。浏览器是依靠浏览器窗口的尺寸来进行分行的。提示：first-line 伪元素仅能被用于块级元素。提示：下面的属性可以被应用到 first-line 伪元素。font 属性color 属性background 属性word-spacing letter-spacing text-decoration vertical-align text-transform line-height clear :first-letter 伪元素first-letter 伪元素用于向某个选择器中的文本的首字母添加特殊的样式：font 属性color 属性background 属性margin 属性padding 属性border 属性text-decoration v