CSS规则定义英汉对照表

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相似，不过它控制的是单个字符之间的间隔，而不是单词间。

CSS样式（规则）定义对话框中英文对照、【类型】类型Font-faaily ff):Tax (-dacontiinQl): □uidwlint (V)'~~I cverline (0)□ llirkCE)3 “it 电®科助咗］1、font-variant属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

值描述no rmal 默认值。

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

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

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

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

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

三、【区块】廿类区块f ard"spftEin((gj：Let ter-»p:a:: i n*E)：Ver ti c al - aQi an Gf): S (J)::Text-inient(X)；tfhi te_space (Jf) 1 |D L Eftlay(2.):科助咗]、letter-spacing 属性，与Word-spacing 相似，不过它控制的是单个字符之间的间隔，而不是单词间。

3、vertical-align属性设置元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

6、white-space属性设置如何处理元素内的空白。

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

四、【方框】乘助咗1、float 属性定义元素在哪个方向浮动。

控制元素在这一行的右边还是左边，然后其他元素 占据这一行剩余的地方，当然也可以让单独一行。

值描述left 元素向左浮动。

1.文本样式的概念概念文本样式、保留CSS规那么后系统将行动打开“CSS规那么概念”对话框。

[字体]：选择所需要的字体。

[大小]：概念字体大小。

[样式]：可选择字体的特殊样式，即“正常”、“斜体”或“偏斜体”等。

[行高]：设置文本所在行的高度。

也能够输入一个确切的值并选择一种气宇单位。

[修饰]：在文本中添加下划线、上划线或删除线，或使文本闪烁。

[粗细]：字体应用特定或相对的粗体量。

[变体]：设置文本的变体方式。

[大小写]：将所选内容中每一个单词的首字母大写，或将文本设置为全数大写或小写。

[颜色]：设置文本颜色。

2.背景样式的概念要概念背景样式可在“CSS规那么概念”对话框当选择“背景”选项。

[背景颜色]：设置背景颜色。

[背景图像]：设置背景图像。

[重复]：确信是不是和如何重复背景图像。

（不重复）：只在元素开始处显示一次图像。

（重复）：在元素的后面水平和垂直平铺图像。

（横向重复）和（纵向重复）：分别显示图像的水平带区和垂直带区。

图像将被剪辑以适合元素的边界。

[附件]：确信背景图像是固定在原始位置仍是随内容一路转动。

[水平位置]和[垂直位置]：指定背景图像相关于元素的初始位置。

这能够用于将背景图像与页面中心垂直和水平对齐。

若是附件属性为“固定”，位置那么相关于“文档”窗口而不是元素。

3.区块样式的概念利用“CSS规那么概念”对话框中的“区块”类别能够概念标签和属性的间距、对齐等设置。

[单词间距]：设置单词的间距。

在下拉列表当选择“值”选项，然后输入数值可确信单词的间距，现在可在右边的弹出式菜单当选择气宇单位（例如像素、点等）。

[字母间距]：设置字母或字符间的间距。

负值（例如-4）表示减小字符间距。

字母间距设置可覆盖对齐的文本设置。

[垂直对齐]：指定垂直对齐方式。

[文本对齐]：设置元素中的文本对齐方式。

[文字缩进]：指定第一行文字缩进程度，并可在右边选择数值单位。

也能够利用负值创建凸出，但显示方式那么取决于阅读器。

css属性⼤全中⽂对照表Aalign-content 规定弹性容器内的⾏之间的对齐⽅式，当项⽬不使⽤所有可⽤空间时。

align-items 规定弹性容器内项⽬的对齐⽅式。

align-self 规定弹性容器内所选项⽬的对齐⽅式。

all 重置所有属性（除了 unicode-bidi 和 direction）。

animation 所有 animation-* 属性的简写属性。

animation-delay 规定开始动画的延迟。

animation-direction 规定动画是向前播放、向后播放还是交替播放。

animation-duration 规定动画完成⼀个周期应花费的时间。

animation-fill-mode 规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。

animation-iteration-count 规定动画的播放次数。

animation-name 规定 @keyframes 动画的名称。

animation-play-state 规定动画是播放还是暂停。

animation-timing-function 规定动画的速度曲线。

Bbackface-visibility 定义当⾯对⽤户时元素的背⾯是否应可见。

background 所有 background-* 属性的简写属性。

background-attachment 设置背景图像是与页⾯的其余部分⼀起滚动还是固定的。

background-blend-mode 规定每个背景图层（颜⾊/图像）的混合模式。

background-clip 定义背景（颜⾊或图像）应在元素内延伸的距离。

background-color 规定元素的背景⾊。

background-image 规定元素的⼀幅或多幅背景图像。

background-origin 规定背景图像的初始位置。

background-position 规定背景图像的位置。

background-repeat 设置是否以及如何重复背景图像。

CSS样式规则定义对话框中英文对照CSS（Cascading Style Sheets）样式规则定义对话框中有很多常用的属性和值，它们可以帮助我们控制对话框的外观和行为。

以下是一些常用的CSS样式规则定义对话框的属性和值，以及它们的中英文对照。

1. Positioning（定位）:- position (定位方式)- top (顶部距离)- right (右侧距离)- bottom (底部距离)- left (左侧距离)- z-index (堆叠顺序)2. Box Model（盒模型）:- width (宽度)- height (高度)- margin (外边距)- padding (内边距)- border (边框)3. Typography（文本样式）:- font-family (字体)- font-size (字体大小)- font-weight (字体粗细)- font-style (字体样式)- color (文字颜色)- text-align (对齐方式)- text-decoration (文本装饰)4. Background（背景）:- background-color (背景颜色)- background-image (背景图片)- background-size (背景图片大小)- background-repeat (背景图片重复)5. Box Shadow（阴影）:- box-shadow (盒子阴影)- text-shadow (文字阴影)6. Transition（过渡效果）:- transition-property (过渡的属性)- transition-duration (过渡的时间)- transition-delay (过渡的延迟时间)- transition-timing-function (过渡的时间函数)7. Animation（动画效果）:- animation-name (动画名称)- animation-duration (动画时间)- animation-delay (动画延迟时间)- animation-iteration-count (动画循环次数) - animation-direction (动画方向)8. Border Radius（边框圆角）:- border-radius (边框圆角)9. Display（显示方式）:- display (显示方式)- visibility (可见性)- opacity (透明度)10. Flexbox（弹性盒子）:- display: flex (显示为弹性盒子)- flex-grow (弹性增长因子)- flex-shrink (弹性收缩因子)- flex-basis (弹性基准)- flex-direction (弹性盒子的排列方向)- justify-content (主轴对齐方式)- align-items (侧轴对齐方式)以上是一些常用的CSS样式规则定义对话框的属性和值，以及它们的中英文对照。

常用的CSS标签标记属性翻译注释1、字体属性(type)font-family(使用什么字体)font-style(字体的样式，是否斜体)：normal/italic/obliquefont-variant(字体大小写)：normal/small-capsfont-weight(字体的粗细)：normal/bold/bolder/lithterfont-size(字体的大小)：absolute-size/relative-size/length/percentage2、颜色和背景属性(backgroud)color(定义前景色，例如：p{color:red})background-color(定义背景色)background-image(定义背景图片)background-repeat(背景图案重复方式)：repeat-x/repeat-y/no-repeatbackground-attachment(设置滚动)：scroll(滚动)/fixe(固定的)background-position(背景图案的初始位置)：percentage/length/top/left/right/bottom3、文本属性：(block)定义间距：word-spacing(单词之间的距离)letter-spacing(字母之间的距离)text-decoration(定义文字的装饰)：nore/underline/overline/line-through/blinkvertical-align(元素在垂直方向的位置)：baseline(基线)/sub/super/top/text-top/middle/bottom/text-bottomtext-transform(使文本转换为其它方式)：capitalize(大写)/uppercase(首字母大写)/lowercase(小写)/nonetext-align(文字的对齐)：left/right/center/justifytext-indent(文本的首行缩进)length/percentageline-height(文本的行高):normal/numbet/lenggth/percentage(百分比)定义超链接：a：link {color:green;text-decoration:nore}(未访问过的状态)a：visited {color:ren;text-decoration:underline;16pt}(访问过的状态)a:hover {color:blue;text-decoration:underline;16pt}(鼠标激活的状态)4、块属性(block)边距属性：margin-top(设置顶边距)margin-right(设置右边距)margin-bottom(设置底边距)margin-left(设置左边距)填充距属性：padding-top设置顶端真充距)padding-right设置顶端真充距)padding-bottom设置顶端真充距)padding-left设置顶端真充距)5、边框属性(border)border-top-width(顶端边框宽度)border-right-width(右端边框宽度)border-bottom-width(底端边框宽度)border-left-width(d左边框宽度)border-width(一次定义边框宽度)border-color(设置边框颜色)border-style(设置边框样式)border-top(一次定义顶端各种属性)border-right(一次定义右端各种属性)border-bottom(一次定义底端各种属性)border-left(一次定义左端各种属性)图文混排：width(定义宽度属性)height(定义高度属性)float(文字环绕在一个元素的四周)clear(定义某一边是否有环绕)6、项目符号和编号(list)display(定义是否显示)white-space(怎样处理空白部分)：normal/pre/nowraplist-style-type(在列表前加项目符号)disc(圆点)/circle(圈)/square（方形）/decimal（阿拉伯数字）/lower-roman(小写罗马数字)/upper-roman(大写罗马数字)/lower-alpha(小写英文字母)/upper-alpha(大写英文字母)/norelist-style-tyle(在列表前加图案):<url>/nonelist-style-position(决定列表项中第二行的起邕位置)list-style(一次性定义所有属性)7、定位（positioning）即层属性Type：设定对象的定位方式。

1.文本样式(yàngshì)的定义定义文本样式、保存CSS规则后系统(xìtǒng)将行动打开“CSS规则定义”对话框。

[字体(zìtǐ)]：选择(xuǎnzé)所需要的字体。

[大小(dàxiǎo)]：定义字体大小。

[样式]：可选择字体的特殊样式，即“正常”、“斜体”或“偏斜体”等。

[行高]：设置文本所在行的高度。

也可以输入一个确切的值并选择一种度量单位。

[修饰]：在文本中添加下划线、上划线或删除线，或者使文本闪烁。

[粗细]：字体应用特定或相对的粗体量。

[变体]：设置文本的变体方式。

[大小写]：将所选内容中每个单词的首字母大写，或者将文本设置为全部大写或小写。

[颜色]：设置文本颜色。

2.背景样式(yàngshì)的定义要定义背景样式可在“CSS规则(guīzé)定义”对话框中选择“背景”选项。

[背景(bèijǐng)颜色]：设置(shèzhì)背景颜色。

[背景(bèijǐng)图像]：设置背景图像。

[重复]：确定是否以及如何重复背景图像。

（不重复）：只在元素开始处显示一次图像。

（重复）：在元素的后面水平和垂直平铺图像。

（横向重复）和（纵向重复）：分别显示图像的水平带区和垂直带区。

图像将被剪辑以适合元素的边界。

[附件(fùjiàn)]：确定背景图像是固定在原始位置还是随内容(nèiróng)一起滚动。

[水平(shuǐpíng)位置]和[垂直位置]：指定背景图像相对于元素的初始位置。

这可以(kěyǐ)用于将背景图像与页面中心垂直和水平对齐。

如果附件属性为“固定”，位置则相对于“文档”窗口而不是元素。

3.区块样式(yàngshì)的定义使用“CSS规则定义”对话框中的“区块”类别可以定义标签和属性的间距、对齐等设置。

CSS规则定义英汉对照表一、类型font-family：字体font-size ：字体大小font-weight：字体浓淡font-style ：字体风格如：斜体、正常等font-variant ：字体变量（用来设定字体是正常显示，还是以小型大写字母显示）line-height ：行高（用来设定字行间距）text-transform：文本转换（用来设定字体的大小写转换）text-decoration(字体装饰)：underline下划线overline 上划线line-through 线-穿过blink 闪光none 无二、背景background-color(C) ：背景颜色background-image(I) ：背景图片background-repeat(R) ：背景重复background-attachment(T) ：背景附着（用来设定背景图片是否随文档滚动）background-position(X) ：背景位置Xbackground-position(Y)：背景位置Y三、区块word-spacing ：词间距letter-spacing ：字符间距vertical-align ：垂直对齐text-aline ：水平对齐text-indent ：文本缩进white-space：空白dispaly ：显示四、方框width：宽度height：高度float：漂浮clear：规定元素的哪一侧不允许出现其他浮动元素padding：间隙（设定间隙的宽度）margin ：边距（用来设定边距的宽度）五、边框style：样式（如：虚线等等）width：宽度color：颜色六、列表list-style-type：列表样式类型（用来设定列表项标记（list-item marker）的类型）list-style-image ：列表样式图片（用来设定列表样式图片标记的地址）list-style-position：列表样式位置（用来设定列表样式标记的位置）七、定位position：位置width：宽度height ：高度visibility ：规定元素是否可见（即使不可见，但仍占用空间，建议使用display来创建不占页面空间的元素）Z-index：设置元素的堆叠顺序（该属性设置一个定位元素沿z轴的位置，z轴定义为垂直延伸到显示区的轴。

CSS_2.1手册中英文对照版CSS2.0用户手册中英文对照版——该手册基于CSS 2.1规范为了更好的了解网页浏览器是如何通过CSS显示页面，请查阅【盒模型】这篇文章。

当中有“注：”的是翻译者做的注释。

必须知道的清单1.margin2.padding3.border4.background-color5.color6.font-family7.font-size8.float完整列表1.azimuth使得用户能感知一个声音的特定水平方向（注：有可能和elevation结合使用，为视力障碍的人准备的）。

2.background设定background-color, background-image, background-repeat, background-attachment 和background-position的缩写。

a)background-attachment 设置在浏览器窗口中的背景图片是滚动还是固定的b)background-color 设置一个元素的背景色c)background-image 设置一个元素的背景图片d)background-position 设置背景图片初始位置e)background-repeat 设置背景图片是否重复，以及怎样重复3.border设置border-width, border-style 和所有四个边框的border-color的缩写。

a)border-bottom 设置border-bottom-width, border-bottom-style 和border-bottom-color的缩写。

i.border-bottom-color 设置元素下边框的颜色ii.border-bottom-style 设置元素下边框的线条样式iii.border-bottom-width 设置元素下边框的宽度b)border-collapse 设置表格单元格是拥有各自的边框，还是共用一个边框c)border-color 设置元素四个边框的颜色i.border-left 设置border-left-width, border-left-style 和border-left-color的缩写ii.border-left-color 设置元素左边框的颜色iii.border-left-style 设置元素左边框的线条样式iv.border-left-width 设置元素左边框的宽度d)border-right 设置border-right-width, border-right-style 和border-right-color的缩写i.border-right-color 设置元素右边框的颜色ii.border-right-style 设置元素右边框的线条样式iii.border-right-width 设置元素右边框的宽度e)border-spacing 设置两个单元格之间的距离f)border-style 设置元素四个边框的线条样式g)border-top 设置border-top-width, border-top-style 和border-top-color的缩写i.border-top-color 设置元素上边框的颜色ii.border-top-style 设置元素上边框的线条样式iii.border-top-width 设置元素上边框的宽度h)border-width 设置元素四个边框的宽度4.bottom 与position属性联用，定位元素外部的标准溢出5.caption-side 设置表格标题显示在表格上面还是下面6.clear 用来阻止元素贴在浮动元素周围7.clip 设置元素的显示区域（注：区域之外的将透明）8.color 设置一个元素文本内容的前景色（注：一般是指的文字颜色）9.content用于在元素前面或者后面插入内容10.counter-increment由content属性中的函数counter()和counters()确定，用于增加计数器的计数11.counter-reset由content属性中的函数counter()和counters()确定，用于将计数器的计数设置成特殊的值12.cue设置cue-before 和cue-after的缩写13.cue-after用于在一个元素后播放一个声音，以便能界定它（注：盲人比较常用的功能吧）14.cue-before用于在一个元素前播放一个声音，以便能界定它（注：盲人比较常用的功能吧）15.cursor为指针设备设置默认的样式（注：一般是指设置鼠标样式）16.direction设置文本的书写方向（从左到右或者从右到左）17.display强制转化一个元素的默认布局行为18.elevation使得用户能感知一个声音的特定垂直方向（注：有可能和azimuth结合使用，为视力障碍的人准备的）19.empty-cells设置空的单元格是否可见20.float使得元素向左或向右浮动21.font设置font-style, font-variant, font-weight, font-size, line-height 和font-family的缩写a)font-family 设置一个有优先权的字体列表，用来显示文本b)font-size 设置字体大小c)font-style 用来设置字体样式，如设置它为斜体d)font-variant 设置文字是否显示小的首字母e)font-weight 设置字体的粗细22.height设置呈现元素的矩形的高度23.left 与position属性联用，定位元素外部的标准溢出24.letter-spacing设置字之前的距离25.line-height用于改变行高26.list-style设置list-style-type, list-style-position 和/或list-style-image的属性（注：原文是and/or ）a)list-style-image 设置列表样式图片标记b)list-style-position 设置列表标记(小标记, 数字, 图片等等) 应该显示在由列表条目所创建的矩形里面还是外面c)list-style-type 设置列表标记的样式27.margin设置margin-top, margin-right, margin-bottom 和/或margin-left的缩写a)margin-bottom 设置一个元素下边框和元素外边缘之间的宽度（边框并不是元素外边缘，只有当Margin属性为0时两者才重叠）b)margin-left 设置一个元素左边框和元素外边缘之间的宽度c)margin-right 设置一个元素右边框和元素外边缘之间的宽度d)margin-top 设置一个元素上边框和元素外边缘之间的宽度28.max-height设置元素的最大高度29.max-width设置元素的最大宽度30.min-height设置元素最小高度31.min-width设置元素最小宽度32.orphans设置打印网页时一个段落必须至少在页底留下多少行33.outline设置outline-width, outline-style 和outline-color的缩写方案34.outline-color设置元素轮廓的线条颜色35.outline-style设置元素轮廓的线条样式36.outline-width设置元素轮廓的线条宽度37.overflow设置当一个块状元素的内容大于父元素，该元素是否被修剪38.padding设置padding-top, padding-right,padding-bottom 和/或padding-left的缩写方案a)padding-bottom 设置元素内容到元素下边框之间的宽度b)padding-left 设置元素内容到元素左边框之间的宽度c)padding-right 设置元素内容到元素右边框之间的宽度d)padding-top 设置元素内容到元素上边框之间的宽度39.page-break-after设置当网页打印的时候在元素之后分页40.page-break-before设置当网页打印的时候在元素之前分页41.page-break-inside设置当网页打印的时候在元素之中分页42.pause设置pause-before 和pause-after的缩写a)pause-after 设置一个在读完一个元素的内容之后的暂停b)pause-before 设置一个在读完一个元素的内容之前的暂停43.pitch设置语音的一般定调（频率）44.pitch-range设置在一般的定调里面如何变调45.play-during设置当一个元素的内容被读出来的时候，一个声音是否作为背景音乐的播放46.position设置元素在网页以何种方式定位47.quotes为每个等级的引用设置成对的引用记号48.richness设置声音的饱和度和亮度49.right与position属性联用，定位元素外部的标准溢出50.speak用来开启或关闭文本语音处理，或设置指定为本一次拼出一个字母51.speak-header设置是否要在每个单元格前读表格标题52.speak-numeral控制如何读数字53.speak-punctuation设置如何读标点54.speech-rate设置语速55.stress控制因为重音标记而变形的数量（注：说的是英语发音里面的）56.table-layout设置怎样的表格列宽度是适合的57.text-align为块状元素设置内联内容（文本和图片）的对其方式58.text-decoration设置文本采用的装饰效果59.text-indent设置文本的第一行的缩进60.text-transform控制文本的大写效果61.top与position属性联用，定位元素外部的标准溢出62.unicode-bidi设置如何显示双向文本（注：两种读的方式都可以的文本）63.vertical-align设置在内联元素和表格单元格中内容的垂直定位64.visibility设置元素是否可见65.voice-family音谱名（注：voice family 和字体类似）的优先清单66.volume设置一般的音量67.white-space设置在元素怎么处理空白(空格, 制表符和强制换行)68.widows设置打印网页时一个段落必须至少在页眉留下多少行69.width设置显示元素的矩形的宽度70.word-spacing设置在单词之前的距离（注：在中文里面与letter-spacing类似）71.z-index设置当几个元素必须显示在同一个区域时他们层叠的秩序。