CSS样式规则定义对话框中英文对照.docVIP

CSS样式（规则）定义对话框中英文对照

一、【类型】

1、font-variant属性设立小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

值

描述

normal

默认值。浏览器会显示一个标准的字体。

small-caps

浏览器会显示小型大写字母的字体。

inherit

规定应当从父元素继承font-variant属性的值。

2、text-transform设立文本的大小写，只对英文字母有效。

值

描述

none

无转换发生

capitalize

将每个单词的第一个字母转换成大写，其余无转换发生

uppercase

转换成大写

lowercase

转换成小写

3、text-decoration属性对文本进行修饰。

值

描述

none

默认。定义标准的文本。

underline

定义文本下的一条线。

overline

定义文本上的一条线。

line-through

定义穿过文本下的一条线。

blink

定义闪烁的文本。

inherit

规定应当从父元素继承text-decoration属性的值。

二、【背景】

1、background-attachment属性设立背景图像是否固定或者随着页面的其余部分滚动。

值

描述

scroll

默认值。背景图像会随着页面其余部分的滚动而移动。

fixed

当页面的其余部分滚动时，背景图像不会移动。

inherit

规定应当从父元素继承background-attachment属性的设立。

三、【区块】

1、word-spacing属性，控制单词间的间隔。所谓单词，就是用空格分开的字符串，允许指定负长度值，这会让字之间挤得更紧。

值

描述

normal

默认。定义单词间的标准空间。

length

定义单词间的固定空间。

inherit

规定应当从父元素继承word-spacing属性的值。

2、letter-spacing属性，与Word-spacing相似，但是它控制的是单个字符之间的间隔，而不是单词间。

值

描述

normal

默认。规定字符间没有额外的空间。

length

定义字符间的固定空间（允许使用负值）。

inherit

规定应当从父元素继承letter-spacing属性的值。

3、vertical-align属性设立元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

值

描述

baseline

默认。元素放置在父元素的基线上。

sub

垂直对齐文本的下标。

super

垂直对齐文本的上标

top

把元素的顶端与行中最高元素的顶端对齐

text-top

把元素的顶端与父元素字体的顶端对齐

middle

把此元素放置在父元素的中部。

bottom

把元素的顶端与行中最低的元素的顶端对齐。

text-bottom

把元素的底端与父元素字体的底端对齐。

length

?

%

使用line-height属性的比例值来排列此元素。允许使用负值。

inherit

规定应当从父元素继承vertical-align属性的值。

4、text-align属性，与上面的相对。规定元素中的文本的水平对齐方式。

值

描述

left

把文本排列到左边。默认值：由浏览器决定。

right

把文本排列到右边。

center

把文本排列到中间。

justify

实现两端对齐文本效果。

inherit

规定应当从父元素继承text-align属性的值。

5、text-indent属性规定文本块中首行文本的缩进。

值

描述

length

定义固定的缩进。默认值：0。

%

定义基于父元素宽度的比例的缩进。

inherit

规定应当从父元素继承text-indent属性的值。

6、white-space属性设立如何解决元素内的空白。

值

描述

normal

默认。空白会被浏览器忽略。

pre

空白会被浏览器保存。其行为方式类似HTML中的pre标签。

nowrap

文本不会换行，文本会在在同一行上继续，直到碰到br标签为止。

pre-wrap

保存空白符序列，但是正常地进行换行。

pre-line

合并空白符序列，但是保存换行符。

inherit

规定应当从父元素继承white-space属性的值。

7、display属性规定元素应当生成的框的类型。

值

描述

None

不显示该元素，也不占位。

Block

此元素将显示为块级元素，此元素前后会带有换行符。

Inline

默认值，此元素会被显示为内联元素，元素前后没有换行符。

inline-block

行内块元素。与inline相比该元素稍微变高。

四、【方框】

1、float属性定义