当前位置：文档之家› CSS属性值

CSS属性值

css 属性列表

属性名称

字体属性（Font ）

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat Background-attachment Background-position 文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom 属性含义使用什么字体字体是否斜体是否用小体大写字体的粗细字体的大小定义前景色定义背景色定义背景图案重复方式设置滚动初始位置单词之间的间距字母之间的间距文字的装饰样式垂直方向的位置文本转换对齐方式首行的缩进方式文本的行高顶端边距右侧边距底端边距左侧边距顶端填充距右侧填充距底端填充距属性值所有的字体 Normal 、italic 、oblique Normal 、small-caps Normal 、bold 、bolder 、lithter 等 Absolute-size 、relative-size 、length 、percentage 等颜色颜色路径 Repeat-x 、repeat-y 、no-repeat

Scroll 、Fixed

Percentage 、length 、top 、left 、

right 、bottom 等

Normal 同上 None|underline|overline|line- through|blink Baseline|sub|super|top|text-top|middle|bottom|text-bottom| Capitalize|uppercase| lowercase|none Left|right|center|justify | Normal|||

Length|percentage|auto 同上同上同上 Length|percentage 同上同上

Padding-left

边框属性

Border-top-width Border-right-width Border-bottom-width Border-left-width Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image List-style-position List-style

鼠标（Cursor）属性左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

同上

Thin|medium|thick|length

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

|none

Inside、outside

| |

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

CSS属性：

1、媒体（Media）类型

样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效（屏幕）。

声明一个媒体属性可以用@import或@media引入：

@import url(loudvoice.css) speech;

@media print {

/* style sheet for print goes here */

}

也可以在文档标记中引入媒体：

可以看出，@import和@media的区别在于，前者引入外部的样式单用于媒体类型，后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型，可以多个媒体共用一个样式单，媒体类型之间用"，"分割符分开。@media用法则是把媒体类型放在前面，其他规则和rule-set基本一样。下面列出各种媒体类型：

SCREEN：指计算机屏幕。

PRINT：指用于打印机的不透明介质。

PROJECTION：指用于显示的项目。

BRAILLE：盲文系统，指有触觉效果的印刷品。

AURAL：指语音电子合成器。

TV：指电视类型的媒体。

HANDHELD：指手持式显示设备（小屏幕，单色）

ALL：适合于所有媒体。

2、BOX模型（BOX Model）属性

什么是BOX？CSS把HTML中以……的部分称为BOX（容器），BOX有三类属性：padding、margin和border。

Margin属性：

Margin属性分为margin-top、margin-right、margin-bottom、margin-left和margin五个属性，分别表示BOX里内容离边框的距离，它的属性值是数值单位，可以是长度、百分比或auto，margin甚至可以设为负值，造成BOX与BOX之间的重叠显示，关于margin的属性详见下表：

属性名称: 'margin-top'、'margin-right'、'margin-bottom'、'margin-left'

属性值:

初始值: 0

适合对象: 所有元素

是否继承: no

百分比备注: 相对于BOX的宽度

例如：

H1 { margin-top: 2em }

H2 { margin-right: 12.3% }

Margin还有一个快捷的书写方法，就是直接用margin属性，例如：

BODY { margin: 1em 2em 3em 2em}

等同于：

BODY {

margin-top:1em;

margin-right:2em;

margin-bottom:3em;

margin-left:2em;

}

margin属性后面可以有四个值，中间用空格隔开（记住不是逗号），顺序是"上右下左"，当然margin后面可以不足四个值，例如：

BODY { margin: 2em } /* 所有的margin都设为2em */

BODY { margin: 1em 2em } /* 上下margin为1em，右左margin为2em */

BODY { margin: 1em 2em 3em } /* 上margin为1em，右左margin为2em，下margin为3em*/

Padding属性：

Padding属性用来描述BOX的边框和内容之间插入多少空间，和margin属性类似，它也分为上右下左和一个快捷方式padding，关于padding的属性详见下表：

属性名称: 'padding-top'、'padding-right'、'padding-bottom'、'padding-left' 、'padding'

属性值:

初始值: 0

适合对象: 所有元素

是否继承: no

百分比备注: 相对于BOX的宽度

例如：

BLOCKQUOTE { padding-top: 0.3em }

padding属性和margin类似此处略去。

Border属性：

平时我们在查看HTML文档时，看到一段文字，并不会把它当作一个BOX，实际上BOX是有边框的，只是平时不显示出来罢了，而border属性就是用来描述BOX边框的。Border属性分为border-width、border-color和border-style，而这些属性下面又有分支。

border-width属性：

border-width属性又分为：border-top-width、border-right-width、border-bottom-width、border-left-width和border-width属性，border-width用长度表示为"thin/medium/thick"或长度单位表示，下面是border-width属性的详细列表：

属性名称: 'border-top-width'、'border-right-width'、'border-bottom-width'、'border-left-width'、'border-width'

属性值:

初始值: medium

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

border-width为快捷方式，顺序为上右下左，值之间用空格隔开。

border-color属性：

属性名称: 'border-top-color'、'border-right-color'、'border-bottom-color'、'border-left-color'、

'border-color'

属性值:

初始值: 元素颜色的初始值

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

border-color为快捷方式，顺序为上右下左，值之间用空格隔开。

border-style属性：

border-style属性用来设置BOX对象边框的样式，它的属性值为CSS规定的关键字，平常看不到border是因为，初始值是none的缘故。属性见下：

属性名称: 'border-top-style'、'border-right-style'、'border-bottom-style'、'border-left-style'、'border-style'

属性值:

初始值: none

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

border-color为快捷方式，顺序为上右下左，值之间用空格隔开。

属性值的名称和代表意义如下：

none：无边框。

dotted：边框为点线。

dashed：边框为长短线。

solid：边框为实线。

double：边框为双线。

groove、ridge、inset和outset：显示不同效果的3D边框（根据color属性）。

border属性：

border属性为Border的快捷方式，属性值间用空格隔开，顺序是"边框宽度边框样式边框颜色"，例如：

hello!

还可以用border-top、border-right、border-bottom、border-left分别作为上右下左的快捷方式，属性值顺序同border属性。

3、布局（Layout）属性：

在以前的HTML里，元素的位置只能靠元素的依次排列觉得，而在CSS里你可以更精确的定位元素。Netscape曾提出过Layer标记，它对于精确布局很有好处，但是并没有被W3C承认，W3C在CSS提出了类似于Layer标记的功能。

position属性：

position属性用来决定元素的位置类型，详见属性：

属性名称: 'position'

属性值: absolute | relative | static

初始值: static

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

其属性值分别代表：

absolute：屏幕上的绝对位置。

relative：屏幕上的相对位置。

static：固有位置。

direction属性：

direction属性决定BOX的排列方向，详见属性：

属性名称: 'direction'

属性值: ltr| rtl

初始值: ltr

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

float和clear属性：

在HTML中图片可以选择飘浮的位置，现在BOX对象通过CSS对于也可以选择飘浮的位置。改变BOX的float属性，BOX将飘浮在其他元素的左或右方：

属性名称: 'float'

属性值: left| right|none

初始值: none

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

例如：

Some sample text that has no other...

相反的，使用clear属性将禁止元素在BOX的左方或右方飘浮：

属性名称: 'clear'

属性值: left| right|both|none

初始值: none

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

绝对位置属性：

绝对位置属性有四个属性：top、right、bottom和left，属性值为长度单位或百分数：

属性名称: 'top'、'right'、'bottom'、'left'

属性值: ||auto

初始值: none

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

利用以上属性，用户就可以精确定义元素的位置，如：

I used two red hyphens to serve as a change bar. They

will "float" to the left of the line containing THIS

word.

z-index属性：

在CSS中允许元素的重叠显示，这样就有一个显示顺序的问题，z-index属性描述了元素的前后位置，如果把电脑屏幕看作X-Y平面的话，那么Z轴就是垂直于屏幕的，z-index使用整数表示元素的前后位置，数值越大，就会显示在相对靠前的位置，并且CSS同意在z-index中使用负数。

属性名称: 'z-index'

属性值: auto|

初始值: auto

适合对象: 使用position属性的元素

是否继承: no

百分比备注: 被禁止

width属性：

规定BOX的width属性，可以使BOX的宽度不依靠它所包含的内容的多少：

属性名称: 'width'

属性值: | | auto

初始值: auto

适合对象: 块元素

是否继承: no

百分比备注:根据父元素的width而定

在CSS中还提供了min-width和max-width属性，使得BOX的宽度在最小宽度和最大宽度之间。

属性名称: 'min-width'

属性值: |

初始值: 0

适合对象: all

百分比备注:根据父元素的width而定

属性名称: 'max-width'

属性值: |

初始值: 100%

适合对象: all

是否继承: no

百分比备注:根据父元素的width而定

height属性：

相同的BOX还有height属性来控制本身的高度：

属性名称: 'height'

属性值: | | auto

初始值: auto

适合对象: 块元素

是否继承: no

百分比备注:根据父元素的height而定

在CSS中还提供了min-height和max-height属性，使得BOX的高度在最小高度和最大高度之间。

属性名称: 'min-height'

属性值: |

初始值: 0

适合对象: all

是否继承: no

百分比备注:根据父元素的height而定

属性名称: 'max-height'

属性值: |

初始值: 100%

适合对象: all

是否继承: no

百分比备注:根据父元素的height而定

overflow属性：

在规定元素的宽度和高度时，如果元素的面积不足以显示全部内容的话就要用到overflow属性：

属性名称: 'overflow'

属性值: visible | hidden | scroll | auto

初始值: visible

适合对象: 元素的position属性

百分比备注: 被禁止

属性值含义如下：

visible：扩大面积以显示所有内容。

hidden：隐藏超出范围的内容。

scroll：在元素的右边显示一个滚动条。

auto：当内容超出元素面积时，显示滚动条。

clip属性：

CSS还提供了一种clip属性，可以把元素区域剪切成各种形状，但目前提供的只有方形一种：

属性名称: 'clip'

属性值: | auto

初始值: auto

适合元素: 元素的position属性被设为absolute

是否继承: no

百分比备注: 被禁止

值为rect(top right bottom left)。

line-height和vertical-align属性：

line-height属性可以规定元素内部的行间距，使用长度单位或百分数：

属性名称: 'line-height'

属性值: normal | | |

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注:根据元素的字体大小而定

例如下面的例子，虽然表达方式不同，但结果一样：

DIV { line-height: 1.2; font-size: 10pt }

DIV { line-height: 1.2em; font-size: 10pt }

DIV { line-height: 120%; font-size: 10pt }

vertical-align属性决定元素在垂直位置的显示：

属性名称: 'vertical-align'

适合对象: inline elements

适合继承: no

百分比备注: 根据元素的line-height属性而定

属性值含义如下：

baseline：与元素的基线对齐。

middle：与元素中部对齐。

sub：字下沉。

super：字上升。

text-top：文本顶部对齐。

text-bottom：文本底部对齐。

Top：和本行位置最高元素对齐。

Bottom：和本行位置最低元素对齐。

Visibility属性:

该属性用于控制元素的显示或隐藏：

属性名称: 'visibility'

属性值: inherit | visible | hidden

初始值: inherit

适合对象: 所有元素

是否继承: 如果该值为inherit，则继承父元素属性

百分比备注: 被禁止

4、颜色和背景（Color and Background）属性：

这里介绍有关CSS中前景色和背景颜色、图片的设定方法。

color属性：

color属性用于设定元素的前景色：

属性名称: 'color'

属性值:

初始值: 根据用户的初始值而定

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

color属性的值可以是十六进制数值、rgb()函数或CSS承认的颜色名称。如：

EM { color: red }

EM { color: rgb(255,0,0) }

背景属性：

background-color属性用于设定背景色，初始值为透明：

属性名称: 'background-color'

属性值: | transparent

初始值: transparent

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

backgroud-image属性用于设定背景的图片：

属性名称: 'background-image'

属性值: | none

初始值: none

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

其中url可以为绝对地址，也可以是相对地址，例如：

BODY { background-image: url(marble.gif) }

P { background-image: none }

以上两个属性利用普通的HTML属性也可以实现，下面的属性是CSS对原有HTML的扩展。background-repeat属性用来描述背景图片的重复排列方式：

属性名称: 'background-repeat'

属性值: repeat | repeat-x | repeat-y | no-repeat

初始值: repeat

适合对象: 所有元素

是否继承: no

百分比备注: 被禁止

其中属性值的含义为：

repeat：沿X轴和Y轴两个方向重复显示图片。

repeat-x：沿X轴方向重复图片。

repeat-y：沿Y轴方向重复图片。

none：不重复图片。

例如：

BODY {

background: red url(pendant.gif);

background-repeat: repeat-y;

}

/*表示沿Y轴重复图片"pendant.gif"，其余部分以红色为背景色*/

background-attachment属性表示在滚动整个文档时，背景图片的显示方式。它的属性值有两种：fixed和scroll，fixed相当于IE4里的水印效果，也就是说在拖动文档时，背景相对是静止的，scroll则和文档一起滚动。

background-position属性用来指定背景图片显示的位置：

属性名称: 'background-position'

属性值: [ | ]{1,2} | [top | center | bottom] || [left | center | right]

初始值: 0% 0%

适合对象: 容器元素

是否继承: no

百分比备注: refer to the size of the element itself

其中属性值含义为：

"top left"和"left top"表示"0% 0%"。

"top"、"top center"和"center top"表示"50% 0%"。

"right top"和"top right"都表示"100% 0%"。

"left"、"left center"和"center left"表示"0% 50%"。

"center"和"center center"表示"50% 50%"。

"right"、"right center"和"center right"都表示"100% 50%"。

"bottom left"和"left bottom"表示"0% 100%"。

"bottom"、"bottom center"和"center bottom"都表示"50% 100%"

"bottom right"和"right bottom"表示"100% 100%"。

例如：

BODY { background: url(banner.jpeg) right top } /* 100% 0% */

BODY { background: url(banner.jpeg) top center } /* 50% 0% */

BODY { background: url(banner.jpeg) center } /* 50% 50% */

BODY { background: url(banner.jpeg) bottom } /* 50% 100% */

background属性是以上背景属性的快捷方式，属性和顺序如下：

属性名称: 'background'

属性值: <'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> ||

<'background-position'>

适合对象: 所有元素

是否继承: no

百分比备注: 只在background-position中容许使用

5、字体（Font）属性：

这里定义了关于字体的各种属性。

font-family属性定义字体的名称，可以是一个字体的名称，也可以是一类字体的名称，字体的名称一定要和计算机系统里的完全一样：

属性名称: 'font-family'

属性值: [[ | ],]* [ | ]

初始值: 根据用户定义而定

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

有些计算机系统里如果没有样式单要求的字体，可以再设一个次字体以备万一。例如：

BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

family-name是指确定的某字体，如Heisi Mincho W3，generic-family指某一类字体，如serif。

font-style属性描述字体的倾斜程度：

属性名称: 'font-style'

属性值: normal | italic | oblique

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

font-variant属性：

属性名称: 'font-variant'

属性值: normal | small-caps

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

一个使用了small-caps属性的元素中的小写字母看起来要比正常的大写字母小一些。

font-weight属性用来描述字重。

属性名称: 'font-weight'

属性值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

100到900代表9种不同的字重，400代表normal，700代表bold，900是最重的字体，bolder或lighter表示字体的字重比父元素高或低一级，比如父元素字重为400，则bolder代表字重500，如果父元素本身字重为900，那么bolder后，字重还是900，同样的lighter也一样。有些字体并没有100到900那么全的字重，也许是从300到700，那么字重的最小和最大值也为300到700。例如：

P { font-weight: normal } /* 400 */

H1 { font-weight: 700 } /* bold */

font-size属性描述字体的大小：

属性名称: 'font-size'

属性值: | | |

初始值: medium

适合对象: 所有元素

是否继承: yes

百分比备注: relative to parent element's font size

该属性可以使用绝对大小，也可以使用相对大小，其中绝对大小可以使用，如下关键字表示：

P { font-size: 12pt; }

BLOCKQUOTE { font-size: larger }

EM { font-size: 150% }

EM { font-size: 1.5em }

Font属性是以上属性的快捷方式，属性如下：

属性名称: 'font'

属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]

适合对象: 所有元素

是否继承: yes

百分比备注: 只在font-size使用

例如：

P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }

P { font: x-large/110% "new century schoolbook", serif }

P { font: bold italic large Palatino, serif }

P { font: normal small-caps 120%/120% fantasy }

6、文本（Text）属性：

这里的属性将影响WEB文档中的文本显示情况。

text-indent属性描述文本的缩进程度：

属性名称: 'text-indent'

属性值: |

初始值: 0

适合对象: 容器元素

是否继承: yes

百分比备注: 根据父元素的宽度而定

下面的例子表明段落的缩进值为3em：

P { text-indent: 3em }

Alignment属性表明文本的对齐方式：

属性名称: 'alignment'

属性值: left | right | center | justify

初始值: 依照用户定义

适合对象: block-level elements

是否继承: yes

百分比备注: 被禁止

text-decoration属性描述对文本的修饰方法：

属性名称: 'text-decoration'

属性值: none | [ underline || overline || line-through || blink ] 初始值: none

适合对象: 所有元素

是否继承: no (see clarification below)

百分比备注: 被禁止

属性值含义分别为：

underline：下划线。

overline：上划线。

line-through：删除线。

blink：闪烁（如同Navigator中的blink标记的功能）

text-shadow属性可以为文本加入阴影的特效：

属性名称: 'text-shadow'

属性值: none | [, ]*

初始值: none

适合对象: all

是否继承: No

百分比备注: 只在描述透明度时有效

例如：

P { text-shadow: black }

上例将在文本的右下方显示黑色阴影，另外阴影将增大BOX的面积。

letter-spacing属性表明文本的字间距：属性名称: 'letter-spacing'

属性值: normal | | auto

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

例如：

BLOCKQUOTE { letter-spacing: 0.1em }

word-spacing属性表明文本中单词间距：

属性名称: 'word-spacing'

属性值: normal |

初始值: normal

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

例如：

H1 { word-spacing: 1em }

text-transform属性可以将BOX内的文本按指定的大写或小写形式显示：

属性名称: 'text-transform'

属性值: capitalize | uppercase | lowercase | none

初始值: none

适合对象: 所有元素

是否继承: yes

百分比备注: 被禁止

属性值含义为：

capitalize：把BOX中的每句句首字母变成大写。

uppercase：把BOX中所有的字母变成大写。

lowercase：把BOX中所有的字母变成小写。

White-space属性描述如何显示文本中的空格，在HTML中，空格是被省略的，也就是说你在一个段落标记的开头无论输入多少个空

格都是无效的，要输入空格有两个方法，一是直接输入空格的代码" "，或者使用

标记，CSS中也制定了类似于pre的属性：
属性名称: 'white-space'
属性值: normal | pre | nowrap
初始值: normal
适合对象: 容器元素
是否继承: yes
百分比备注: 被禁止
例如：
UL { list-style: upper-roman inside } /* 对任何UL有效*/
UL ~ UL { list-style: circle outside } /* 对任何UL内部的UL标记有效*
7、列表属性：
这里的属性用来描述列表（list）的一系列属性。
list-style-type属性描述用于列表每一项前使用的符号：
属性名称: 'list-style-type'
属性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
初始值: disc
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
属性值含义为：
disc：圆饼形。
circle：空心圆形。
square：方形。
decimal：十进制数值。
lower-roman：小写罗马数字。
upper-roman：大写罗马数字。
lower-alpha：小写希腊字母。
upper-alpha：大写希腊字母。
例如：
 This is the first item.
 This is the second item.
 This is the third item.
还可以利用list-style-image把列表前面的符号换为图形：
属性名称: 'list-style-image'
属性值:  | none
初始值: none
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
可以是绝对地址，也可以是相对地址。
list-style-position属性用于描述列表的位置显示：
属性名称: 'list-style-position'
属性值: inside | outside
初始值: outside
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
属性值outside和inside分别表示在BOX外部显示或内部显示，例如：
 
first list item comes first
second list item comes second
first list item comes first
second list item comes second
list-style属性为以上属性的快捷方式：
属性名称: 'list-style'
属性值: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
初始值: no
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
例如：
UL { list-style: upper-roman inside } /* 对任何UL有效*/
UL ~ UL { list-style: circle outside } /* 对任何UL内部的UL标记有效*/
PRE { white-space: pre }
P { white-space: normal
8、表格属性：
由于表格中的大部分属性已经在以上的各类属性中探讨过了，所以这里只有两个属性介绍：
row-span属性描述表格跨越的行的数目：
属性名称: 'row-span'
属性值: 
初始值: 1
适合对象: 表格元素
是否继承: no
百分比备注: 被禁止
column-span属性描述表格跨越的列的数目：
属性名称: 'column-span'
属性值: 
初始值: 1
适合对象: 表格元素
是否继承: no
百分比备注: 被禁止
9、用户界面属性：
cursor属性，用户可以指定在某个元素上要使用的光标形状：
属性名称: 'cursor'
属性值: auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize |
w-resize| text | wait | help | 
初始值: auto
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止属性值分别代表鼠标指针在windows操作里的各种形状，另外还可以指定指针图标的url地址，不过CSS还暂时不支持ani动画光标。
CSS_style属性大全
CSS style属性大全 显示: 标签属性/属性行为集合事件滤镜方法对象样式 一、标签属性属性描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICATION APPLICATION 表明对象的内容是否为HTML 应用程序(HTA)，以便免除浏览器安全模式。ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 BEGIN begin 设置或获取时间线在该元素上播放前的延迟时间。 BORDER border 设置或获取框架间的空间，包括3D 边框。 canHaveChildren 获取表明对象是否可以包含子对象的值。 canHaveHTML 获取表明对象是否可以包含丰富的HTML 标签的值。 CLASS className 设置或获取对象的类。 contentWindow 获取指定的frame 或iframe 的window 对象。 DA TAFLD dataFld 设置或获取由dataSrc 属性指定的绑定到指定对象的给定数据源的字段。 DA TASRC dataSrc 设置或获取用于数据绑定的数据源。 disabled 获取表明用户是否可与该对象交互的值。 END end 设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终止时间。 firstChild 获取对象的childNodes 集合的第一个子对象的引用。 FRAMEBORDER frameBorder 设置或获取是否显示框架的边框。 hasMedia 获取一个表明元素是否为HTML+TIME 媒体元素的Boolean 值。 HEIGHT height 设置或获取对象的高度。 HIDEFOCUS hideFocus 设置或获取表明对象是否显式标明焦点的值。 HSPACE hspace 设置或获取对象的水平边距。 ID id 获取标识对象的字符串。 innerText 设置或获取位于对象起始和结束标签内的文本。 isContentEditable 获取表明用户是否可编辑对象内容的值。 isDisabled 获取表明用户是否可与该对象交互的值。 isMultiLine 获取表明对象的内容是包含一行还是多行的值。 isTextEdit 获取是否可使用该对象创建一个TextRange 对象。 LANG lang 设置或获取要使用的语言。 LANGUAGE language 设置或获取当前脚本编写用的语言。
CSS3常用属性大全
CSS3 动画属性（Animation） @keyframes //规定动画。 animation //所有动画属性的简写属性，除了animation-play-state 属性。animation-name //规定@keyframes 动画的名称。 animation-duration //规定动画完成一个周期所花费的秒或毫秒。 animation-timing-function //规定动画的速度曲线。 animation-delay //规定动画何时开始。 animation-iteration-count //规定动画被播放的次数。 animation-direction //规定动画是否在下一周期逆向地播放。 animation-play-state //规定动画是否正在运行或暂停。 animation-fill-mode //规定对象动画时间之外的状态。 CSS 背景属性（Background） background //在一个声明中设置所有的背景属性。 background-attachment //设置背景图像是否固定或者随着页面的其余部分滚动。background-color //设置元素的背景颜色。 background-image //设置元素的背景图像。 background-position //设置背景图像的开始位置。 background-repeat //设置是否及如何重复背景图像。 background-clip //规定背景的绘制区域。 background-origin //规定背景图片的定位区域。 background-size //规定背景图片的尺寸。 CSS 边框属性（Border 和Outline） border //在一个声明中设置所有的边框属性。 border-bottom //在一个声明中设置所有的下边框属性。 border-bottom-color //设置下边框的颜色。 border-bottom-style //设置下边框的样式。 border-bottom-width //设置下边框的宽度。
常用CSS样式属性CSS样式表
常用CSS样式属性|CSS 样式表 【长度单位】 【颜色表示】 CSS可用颜色表示方式 表示方式表示方式说明范例 #rrggbb 可以用Windows色彩选择工具找到color:#feefc7 rgb( #,#,#) 用数字来表示红色蓝色以及绿色的混合色 彩选择工具找...也可以用Windows color:rgb(135,255,1 24) rgb(%,%,%) 用百分比来代表红色蓝色以及绿色的强度来混合颜色color:rgb(70%,35%,4 1%) 颜色名称用颜色的名称来指定颜色color:brown
【属性可用值】 CSS 可用属性值 名称 说明 可能值 范例 visibility 显示或是隐藏 inherit （ 父组件决定） hidden （隐藏） visible （ 显示） visibili ty:hidde n width 宽度 auto （自动决定） 数字 width:13 5 height 高度 auto （自动决定） 数字 height:1 00 z-index Z 轴高度（立体，是否在 另一个组件之上） auto （自动决定） 数字 z-index: 135 position 定位方式 absolute （绝对寻址-依窗口坐标，原点为父窗口左上角 ） relative （相对定位-以一般网页排列［后再根据坐标定位， 原点为定位后的位置） static （静态定位-以一般网页排列） position :absolut e top （对象的position 属 性须为absolute 或 relative ） 对象的Y 坐标（原点根 据postion 属性有所不 同） 数字   left （对象的 position 属性须为absolute 或 relative ） 对象的X 坐标（原点根 据postion 属性有所不 同） 数字
css常用class名
CSS的class、id、css文件名的常用 命名 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度： wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab
HTML+CSS标签属性大全
HTML CSS标签属性大全 a卷标, 属性名称, 简介  批注 1、跑马灯 …普通卷动 …滑动 …预设卷动 …来回卷动 …向下卷动 …向上卷动 向右卷动 向左卷动 …卷动次数 …设定宽度 …设定高度 …设定背景颜色 …设定卷动距离 …设定卷动时间 2、字体效果 
…
标题字(最大) …
标题字(最小) …粗体字 …粗体字(强调) …斜体字 …斜体字(强调) …斜体字(表示定义) …底线 …底线(表示插入文字) …横线 …删除线 …删除线(表示删除) …键盘文字 … 打字体 …固定宽度字体(在文件中空白、换行、定位功能有效) …</plaintext>固定宽度字体(不执行标记符号) <listing>…</listing> 固定宽度小字体 <font color=00ff00>…</font>字体颜色 <font size=1>…</font>最小字体 <font style =font-size:100 px>…</font>无限增大 3、区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>…</nobr>水域(不换行)</p><h2>CSS属性代码大全</h2><p>CSS属性代码大全 一、CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白： padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/</p><h2>HTMLCSS常用英语词汇</h2><p>A absolute 绝对的 active 活动的，激活的，<a>标记的一个伪类 align 对齐 alpha 透明度，半透明 anchor 锚记 <a>标记是这个单词的缩 写 arrow 箭头 auto 自动 B background 背景 border 边框 banner 页面上的一个横条 both 二者都是 clear 属性的一个属性值 black 黑色 bottom 底部，是一个 CSS 属性 blink 闪烁 box 盒子 block 块 br 换行标记 blue 蓝色 bug 软件程序中的错误 body 主体，一个HTML 标记 building 建立 bold 粗体 button 按钮 C cell 表格的单元格 color 颜色 center 中间，居中 contact 联系 child 孩子 content 内容 circle 圆圈 class 类别 css 层叠样式表 clear 清除 cursor 鼠标指针 cm 厘米 D dashed 虚线 display 显示， CSS 的一个属 div 就是这个单词的缩写 decoration 装饰 document 文档 default 默认的 dotted 点线</p><p>double 双线 E element 元素 F father 父亲 float 浮动 filter 滤镜，过滤器font 字体 first 第一个 for 在循环语句中的一个保留字 fixed 固定的 four 4 个 G gif 一种图像格式 green 绿色 gray 灰色 H hack 常用于 CSS 中的一些招数，或者类似于偏方的技巧here 这里 hand 手 hidden 被隐藏 head 头部 home 首页 height 高度 horizontal 水平的 help 帮助 hover 鼠标指针经过时的效果，或称为“悬停状态” I Image 图像 inline 行内 important 重要的 inner 内部的 indent 缩进 italic 意大利体，斜体 index 索引 J jpg 一种图像格式justify 两端对齐</p><h2>CSS常用文本属性</h2><p>CSS常用文本属性 文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值： ?left (居左，缺省值) ?right (居右) ?center (居中) ?justify (两端对齐) 示例代码如下： .p2 {text-align:right} 演示示例 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。有以下值： ?none (无，缺省值) ?underline (下划线) ?overline (上划线) ?line-through (当中划线) 示例代码如下： .p2 {text-decoration: underline} 演示示例 文本缩进属性(text-indent) 这个属性设定文本首行缩进。其值有以下设定方法： ?length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位(em, ex, px)) ?percentage (百分比，相当于父对象宽度的百分比) 示例代码如下： .p1 {text-indent: 8mm} 演示示例 行高属性(line-height) 这个属性设定每行之间的距离。其值有以下设定方法： ?normal (缺省值) ?length (长度，可以用绝对单位(cm, mm, in, pt,pc)或者相对单位(em, ex, px)) ?percentage (百分比，相当于父对象高度的百分比) 示例代码如下： .p1 {line-height:1cm} 演示示例 字间距属性(letter-spacing) 这个属性用来设定字符之间的距离。 ?normal (缺省值) ?length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位(em, ex, px)) 示例代码如下： .p1 {letter-spacing: 3mm}</p><h2>CSS中的各属性意思</h2><p>1、字体属性 这是最基本的属性，您经常都会用到。它主要包括以下这些属性： 2、颜色和背景属性 下面我们就讲一下CSS的颜色和背景属性。先来看一下CSS下的颜色和背景都有哪些属性吧（如下表）： 3、文本属性 ※定义间距 前面说了如何用CSS定义字体、颜色和背景属性，那么定义好的文本我们怎么对它进行排版呢？ 下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表：</p><p>※装饰超链接 网页默认的链接方式是这样的：未访问过的链接是蓝色文字并带蓝色的下划线，访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式，是不是很单调呢？ 4、“容器”属性 ※边距属性 听起来是不是很有趣，什么叫“容器”属性呢？CSS的容器属性包括边距、填充距、边框和宽度、高度、浮动、清除等属性。 您想，网页中的内容肯定是都需要“装”进这个“容器”里。“容器”属性是CSS中非常重要的一种属性，我们将分类进行学习。 先来看一下边距属性的详细列表： ※填充距属性 本节我将向您介绍填充距属性。我们先来看一下填充距的属性列表： ※边框属性 本节我们来看一下种类繁多的边框属性，先来看一下属性列表：</p><p>※图文混排 我们在来看看“容器”属性还有什么其他的属性，请看属性列表： 5、分级属性 如果您使用过Word，那您一定知道Word中有一个“项目符号和编号”的功能。 在html中，您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中，已经提供了进行分级的专用分级属性。 分级属性包括了“list-style”（列表样式）、“list-item”（列表项）等多种属性，我们先来看一下分级属性的详细列表： 6、鼠标属性</p><h2>css常用的属性大全</h2><p>CSS常用属性大全 2011-04-22 12:51 字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 font-variant: small-caps;(小型大写字母) normal;(正常) 大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 字体投影效果：filter:dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); 背景属性： (background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: repeat; no-repeat; repeat-x; repeat-y;滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直);bottom; right; center; 简写方法 background:#000 url(..) repeat fixed left top; 区块属性： (Block) 字间距letter-spacing: normal; 数值 对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 单词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行)</p><h2>CSS属性大全完整版</h2><p>CSS属性大全完整版 字体属性：(font) 大小 font-size: x-large; (特大) xx-small; (极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique; (偏斜体) italic; (斜体) normal; (正常) 行高 line-height: normal; (正常) 单位：PX、PD、EM 粗细 font-weight: bold; (粗体) lighter; (细体) normal; (正常) 变体 font-variant: small-caps; (小型大写字母) normal; (正常) 大小写 text-transform: capitalize; (首字母大写) uppercase; (大写) lowercase; (小写) none; (无) 修饰 text-decoration: underline; (下划线) overline; (上划线) line-through; (删除线) blink; (闪烁) 常用字体</p><p>font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩 background-color: #FFFFFF; 图片 background-image: url(); 重复 background-repeat: no-repeat; 滚动 background-attachment: fixed; (固定) scroll; (滚动) 位置 background-position: Left (水平) top (垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距 letter-spacing: normal; 数值 对齐 text-align: justify; (两端对齐) left; (左对齐) right; (右对齐) center; (居中) 缩进</p><h2>css常用代码大全</h2><p>css常用代码大全，html+css代码 (2013-01-19 13:39:40) html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。 一.文本设置 1、font-size: 字号参数 2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 color: 参数 注意使用网页安全色 二、超链接设置 text-decoration: 参数 主要用途是改变浏览器显示文字链接时的下划线。 参数取值范围： underline：为文字加下划线 overline：为文字加上划线 line-through：为文字加删除线 blink：使文字闪烁 none：不显示上述任何效果 三、背景 1、背景颜色 background-color: 参数 2、背景图片 background-image: url(URL) URL就是背景图片的存放路径，none表示无。 3、背景图片重复 background-repeat: 参数 参数取值范围： no-repeat：不重复平铺背景图片 repeat-x：使图片只在水平方向上平铺 repeat-y：使图片只在垂直方向上平铺 如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。 4、背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定 background-attachment: 参数 参数取值范围： fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动 scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动</p><h2>css属性列表 和 属性值含义</h2><p>css属性列表和属性值含义css属性列表 属性名称 字体属性（Font） font-family font-style font-variant font-weight font-size 颜色和背景属性 Color Background-color Background-image Background-repeat Background-attachment Background-position 文本属性 Word-spacing Letter-spacing Text-decoration Vertical-align Text-transform Text-align Text-indent Line-height 边距属性 Margin-top Margin-right Margin-bottom Margin-left Margin 属性含义 使用什么字体 字体是否斜体 是否用小体大 写 字体的粗细 字体的大小 定义前景色 定义背景色 定义背景图案 重复方式 设置滚动 初始位置 单词之间的间 距 字母之间的间 距 文字的装饰样 式 垂直方向的位 置 文本转换 对齐方式 首行的缩进方 式 文本的行高 分别设置上右 下左，一个值 属性值 所有的字体 Normal、italic、oblique Normal、small-caps Normal、bold、bolder、lithter等 Absolute-size、relative-size、length、 percentage等 颜色 颜色 路径 Repeat-x、repeat-y、no-repeat Scroll、Fixed Percentage、length、top、left、 right、bottom等 Normal <length> 同上 None|underline|overline|line- through|blink Baseline|sub|super|top|text-top|middl e|bottom|text-bottom| Capitalize|uppercase| lowercase|none Left|right|center|justify <length>|<percentage> Normal|<number>|<length>| <percentage> Length|percentage|auto 同上 同上 同上</p><h2>史上最全的css常用class名</h2><p>CSS的class、id、css文件名的常用命名 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度： wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list</p><h2>css属性(功能分类)</h2><p>css属性(功能分类)</p><p>CSS3 动画属性（Animation） 属性描述CSS @keyframes规定动画。 3 animation所有动画属性的简写属性，除了 animation-play-state 3 属性。 animation-name规定 @keyframes 动画的名称。 3 animation-duration规定动画完成一个周期所花费的秒或毫秒。 3 animation-timing-function规定动画的速度曲线。 3 animation-delay规定动画何时开始。 3 animation-iteration-count规定动画被播放的次数。 3 animation-direction规定动画是否在下一周期逆向地播放。 3 animation-play-state规定动画是否正在运行或暂停。 3 animation-fill-mode规定对象动画时间之外的状态。 3 CSS 背景属性（Background） 属性描述CSS background在一个声明中设置所有的背景属性。 1 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。 1 background-color设置元素的背景颜色。 1 background-image设置元素的背景图像。 1 background-position设置背景图像的开始位置。 1 background-repeat设置是否及如何重复背景图像。 1 background-clip规定背景的绘制区域。 3 background-origin规定背景图片的定位区域。 3 background-size规定背景图片的尺寸。 3 CSS 边框属性（Border 和Outline） 属性描述CSS border在一个声明中设置所有的边框属性。 1 border-bottom在一个声明中设置所有的下边框属性。 1 border-bottom-color设置下边框的颜色。 2</p><h2>Css常用英语单词</h2><p>Css常用英语单词 为css新人准备，高手去打酱油。 写在前面：css在众多网站设计语言当中是一门非常简单的语言，有很多刚学的朋友觉得很难，不知道该怎么下手，在此我为大家推荐一本我觉得非常好的一本书《精通CSS+DIV网页样式与布局》这本书本人觉得非常可以，网上面也有pdf的自行下载，建议新手吧视频教程仔仔细细的看一遍，然后在仔仔细细的把书本和实践集合起来，一步一步的看完，我想这样css应该没有什么大问题了，这里面最重要的还是坚持，坚持，还是坚持，做到这点你就赢了。下面是本人对css中常用的英语单词整理了出来，坚持每天记个，记完了以后相信对你学习css的帮助是不可估量的。 注明：此资料由重庆寻诚科技整理转载请注明。（重庆寻诚科技是一家电脑维修，电脑耗材批发零售网站开发等于一体的电脑公司，为广大朋友提供公司和个人的IT外包，网络布线等业务。欢迎咨询。） 中共收集了160个常用单词，都是在css中出现频率很高的。 A absolute 绝对的 active 活动的，激活的，<a>标记的一个伪类 align 对齐 alpha 透明度，半透明 anchor 锚记<a>标记是这个单词的缩写 arrow 箭头 auto 自动 B background 背景 border 边框 banner 页面上的一个横条 both 二者都是clear属性的一个属性值 black 黑色 bottom 底部，是一个css属性 blink 闪烁 box 盒子</p><p>block 快 br 换行标记 blue 蓝色 bug 软件程序中的错误 body 主体，一个html标记building 建立 bold 粗体 button 按钮 C cell 表格的单元格 color 颜色 center 中间，局中 connected 连接的 centimeter 厘米 contact 联系 child 孩子 content 内容 circle 圆圈 crosshair 十字叉丝 class 类别 css 层叠样式表 clear 清除 cursor 鼠标指针 cm 厘米 D dashed 虚线 display 显示，css的一个属性 decimal 十进制 division 分区，div就是这个单词的缩写decoration 装饰 document 文档 default 默认的 dotted 点线 definition 定义 double 双线 design 设计</p><h2>css属性大全</h2><p>字体属性：(font) 大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高line-height: normal;(正常) 单位：PX、PD、EM 粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体font-variant: small-caps;(小型大写字母) normal;(正常) 大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: no-repeat; 滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距letter-spacing: normal; 数值 对刘text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行) 显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) 方框属性：(Box) width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左 边框属性：(Border) border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; border-width:; 边框宽度 border-color:#; 简写方法border：width style color; 列表属性：(List-style) 类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;</p><h2>CSS常用英语词汇大全</h2><p>CSS常用英语词汇大全 A absolute ['?bs?lu:t]绝对的，完全的 active ['?ktiv] 活动的，激活的，<a>标记的一个伪类align [?'lain] 对齐 alpha ['?lf?] 透明度，半透明 anchor['??k?]锚记<a>标记是这个单词的缩写 arrow ['?r?u]箭头 auto['?:t?u] 自动的 B background ['b?kgraund] 背景 banner['b?n?]网幅广告, 旗帜广告, 横幅广告(网络广告的主要形式, 一般使用GIF格式的图像文件, 可以使用静态图形, 也可用多帧图像拼接为动画图像) black [bl?k]黑色 blink：[bli?k]闪亮,闪烁 block[bl?k]块 blue[blu:]蓝色 body['b?di] 主体，一个HTML标记 bold [b?uld]加粗 border['b?:d?]边框、框线边框 both [b?uθ]两者(都);两个(都);是clear属性的一个属性值bottom ['b?t?m] 底;底部，是一个CSS属性 box[b?ks] 箱;盒;匣</p><p>br 换行标记 bug [b?g] 程序设计上的错误，漏洞等building ['bildi?]建筑 button ['b?tn]按钮 C cell[sel]表格中的单元格center ['sent?]居中 centimeter ['senti,mi:t?] 厘米 child [t?aild] 孩子 circle ['s?:kl] 圆圈 class [klɑ:s]类别 clear [kli?] 清除 cm 厘米 color ['k?l?] 颜色connected [k?'nektid] 连结的 contact ['k?nt?kt] 联系 content [k?n'tent] 内容 crosshair 十字准线 css 层叠样式表 cursor ['k?:s?] 鼠标指针 D dashed [d??t] 虚线CSS边框常用的一种</p><h2>Css+div 常用CSS标签及属性</h2><p>Css+div 常用CSS标签及属性 2009年10月15日评论(0)|浏览(64) 点击查看原文 CSS中的长度 绝对单位：几乎不用在网页中 in 英寸1in = 2.54cm cm 厘米1cm = 0.394in pt 磅1in = 72pt pc pica 1in = 6pc 相对单位：较常用 em 1em = 相应字体的font-size值 ex 1ex = 相应字体中的小写x字母的高度值，较难求得，一般取0.5em px 最为常用的 CSS中的元素分类 display 设定元素所属类别，不可继承 none(设定为不显示在屏幕上)</p><p>block(块级元，包括P,H1-H6,list,div,body) inline(内联元，包括a,em,span) list-item(列表元，如LI) 颜色与背景类 color 设置文字颜色 #rgb #rrggbb rgb(255,255,255) rgb(100%,100%,100%) H1{color:red} H1{color:#f00} H1{color:#ff0000} H1{color:rgb(255,0,0)} H1{color:rgb(100%,0%,0%)} background-color 设置背景颜色，格式同上；不可继承，可用于所有元BODY{background-color:red} BODY{background-color:#f00} BODY{background-color:#ff0000}</p><p>BODY{background-color:rgb(255,0,0)} BODY{background-color:rgb(100%,0%,0%)} background-image 设置背景图片，默认为none，不可继承，可用于所有元url(imageURL) none body{backround-image:url(back.jpg);} background-repeat 设置背景图片是否重复排列，不可继承，用于所有元repeat(XY轴均重复) repeat-x(X轴重复排列) repeat-y(Y轴重复排列) No-repeat(不重复排列，默认值) BODY{background-repeat:repeat-x;} BODY{background-repeat:No-repeat;} background-attachment 设定背景图片是否卷动，不可继承，用于所有元scroll(随网页卷动，默认值) fixed(不随网页卷动) BODY{background-attachment:fixed;} background-position 设定背景图片或背景颜色开始显示的位置，不可继承，用于块级元和可替换元 top,buttom,left,right,center(用关键字)</p>
        <div>
            <div>相关主题</div>
            <div class="relatedtopic">
                <div id="tabs-section" class="tabs">
                    <ul class="tab-head">
                            <li id="17239100"><a href="/topic/17239100/" target="_blank">css属性</a></li>
                            <li id="10899870"><a href="/topic/10899870/" target="_blank">css常用</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div>文本预览</div>
            <div class="textcontent">
                
            </div>
        </div>
    </div>
    <div class="category">
        <span class="navname">相关文档</span>
        <ul class="lista">
                <li><a href="/doc/134650311.html" target="_blank">CSS属性代码大全</a></li>
                <li><a href="/doc/df4809563.html" target="_blank">CSS常用属性大全</a></li>
                <li><a href="/doc/468276413.html" target="_blank">css属性(功能分类)</a></li>
                <li><a href="/doc/7716640705.html" target="_blank">CSS符号属性大全</a></li>
                <li><a href="/doc/ad3684309.html" target="_blank">常用CSS样式属性CSS样式表</a></li>
                <li><a href="/doc/0a6542756.html" target="_blank">CSS样式大全</a></li>
                <li><a href="/doc/cc2126267.html" target="_blank">HTML+CSS标签属性大全</a></li>
                <li><a href="/doc/2311455159.html" target="_blank">CSS属性大全完整版</a></li>
                <li><a href="/doc/4b18219325.html" target="_blank">Css+div 常用CSS标签及属性</a></li>
                <li><a href="/doc/7e18746925.html" target="_blank">常见html标签和css属性</a></li>
                <li><a href="/doc/a812128290.html" target="_blank">CSS样式所有属性</a></li>
                <li><a href="/doc/0517063737.html" target="_blank">HTML+CSS标签属性大全</a></li>
                <li><a href="/doc/da4657595.html" target="_blank">CSS属性总结(经典,很全)</a></li>
                <li><a href="/doc/485641753.html" target="_blank">css属性列表 和 属性值含义</a></li>
                <li><a href="/doc/7e11087020.html" target="_blank">常见CSS属性一览表</a></li>
                <li><a href="/doc/906021173.html" target="_blank">CSS颜色属性漂亮颜色背景</a></li>
                <li><a href="/doc/c9416549.html" target="_blank">CSS属性详解</a></li>
                <li><a href="/doc/245203590.html" target="_blank">CSS中的各属性意思</a></li>
                <li><a href="/doc/4215773334.html" target="_blank">css属性</a></li>
                <li><a href="/doc/7518032718.html" target="_blank">CSS标签属性大全</a></li>
        </ul>
        <span class="navname">最新文档</span>
        <ul class="lista">
                <li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
                <li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
                <li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li>
                <li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
                <li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
                <li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
                <li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
                <li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
                <li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
                <li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li>
                <li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li>
                <li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
                <li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
                <li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li>
                <li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li>
                <li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
        </ul>
    </div>
</div>
<script>
    var sdocid = "f503d662102de2bd960588c0";
</script>
<script type="text/javascript">bdtj();</script>

    <footer class="footer">
        <p><a href="/tousu.html" target="_blank">侵权投诉</a>&nbsp;&copy; 2022 www.doczj.com  <a href="/sitemap.html">网站地图</a></p>
        <p>
            <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>&nbsp;&nbsp;本站资源均为网友上传分享，本站仅负责分类整理，如有任何问题可通过上方投诉通道反馈
            <script type="text/javascript">foot();</script>
        </p>
    </footer>
</body>
</html>

文档之家

CSS属性 值

hello!

CSS_style属性大全

CSS3常用属性大全

常用CSS样式属性CSS样式表

css常用class名

HTML+CSS标签属性大全

…

…

CSS属性值