常用的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（在列表前加图案）：vurl>/nonelist-style-position（决定列表项中第二行的起邕位置）list-style（一次性定义所有属性）7、 定位（positioning）即层属性Type：设定对象的定位方式。有三种方式：Absolute（绝对定位）、Relative（相对定位）、Static（无特殊定位）。相对应的CSS属性是"position”。Visibility：设定对象定位层的最初显示状态。有三种状态：Inherit（继承父层的显示属性）、Visible（对象可视）、Hidden隐藏对象。相对应的CSS属性是”visibility”。Z-Index:设置对象的层叠顺序。编号较大的层会显示在编号较小的层上边。变量值可以是正值也可以是负值。相对应的CSS属性是”z-index”。Overflow:设置如果层的内容超出了层的大小时如何处理。有四种处理方式：visible，增加层的大小，从而将层的所有内容显示出来；hidden，保持层的大小不变，将超出层的内容剪裁掉；Scroll，总是显示滚动；Auto，只有在内容超出层的边界时才显示滚动条。相对应的CSS属性是"overflow”。Placement：设置对象定位层的位置和大小。可以分别设置left（左边定位）、top（顶部定位）、width（宽）、height（高）。相对应的CSS属性分别是"left;top;width;height"oClip:定义定位层的可视区域。区域外的部分为不可视区，为透明的。可以理解为在定位层上放一个矩形遮罩的效果。相对应的CSS属性是”clip”。8、扩展（Extensions）Pagebreak:在打印的时候强迫在样式控制的对象前后换页。Before：设置对象前出现的页分割符。设置为always时，始终在对象之前插入页分割符。相对应的CSS属性是”break-before”。After:设置对象后出现的页分割符。设置为always时，始终在对象之后插入页分割符。相对应的CSS属性是”'＞。注意：以上IE5仅支持always值和空白值（null）。Cursor:当鼠标滑过样式控制的对象时改变鼠标形状。可以设置为hand（手型）、crosshair“十”型）、text“I”型）、wait（等待）、default（默认）、help（帮助）、e-resize（东箭头）、ne-resize（东北箭头）、n-resize（北箭头）、nw-resize（西北箭头）、w-resize（西箭头）、sw-resize（西南箭头）、s-resize（南箭头）、se-resize（东南箭头）和auto（自动）。Filter:在样式中加上滤镜特效。由于此属性内容比较多，我们将到下一章单独对滤镜介绍。Alpha:设置透明度Alpha（Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?）Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0到100。Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。StartX和StartY:代表渐变透明效果的开始X和Y坐标。FinishX和FinishY:代表渐变透明效果结束X和Y的坐标。BlendTrans：图像之间的淡入和淡出的效果BlendTrans（Duration=?）Duration:淡入或淡出的时间。注意：这个滤镜必须配合JS建立图片序列，才能做出图片间效果。Blru:建立模糊效果Blur（Add=?,Direction=?,Strength=?）Add是否单方向模糊，此参数是一个布尔值，true（非0、或false（0）。Direction：设置模糊的方向，其中0度代表垂直向上，然后每45度为一个单位。Strength：代表模糊的象素值。Chroma:把指定的颜色设置为透明Chroma（Color=?）Color:是指要设置为透明的颜色。DropShadow:建立阴影效果DropShadow(Color=?,OffX=?,OffY=?,Positive^?)Color：指定阴影的颜色。OffX：指定阴影相对于元素在水平方向偏移量，整数。OffY：指定阴影相对于元素在垂直方向偏移量，整数。Positive：是一个布尔值，值为true(非0)时，表示为建立外阴影；为false(O)，表示为建立内阴影。FlipH :将元素水平反转FlipV :将元素垂直反转Glow :建立外发光效效果Glow(Color=?,Strength=?)Color:是指定发光的颜色。Strength:光的强度，可以是1到255之间的任何整数，数字越大，发光的范围就越大。Gray:去掉图像的色彩，显示为黑白图象Invert:反转图象的颜色，产生类似底片的效果Light:放置光源的效果，可以用来模拟光源在物体上的投影效果注意：此效果需要用JS设置光的位置和强度。Mask：建立透明遮罩Mask(Color=?)Color:设置底色，让对象遮住底色的部分透明。RevealTrans：建立切换效果RevealTrans(Duration=?,Transition=?)Duration:是切换时间，以秒为单位。Transtition：是切换方式，可设置为从0到23。注意：如果做页面间的切换效果,可以在vhead＞区加上一行代码:＜Metahttp-equiv=entercontent=revealTrans(Transition=?,Duration=?)＞。如果用在页面里的元素必须配合JS使用。Shadow：建立另一种阴影效果Shadow(Color=?,Direction^?)Color：是指阴影的颜色。Direction：是设置投影的方向，0度代表垂直向上，然后每45度为一个单位。Wave：波纹效果Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength^?)Add表示是否显示原对象，0表示不显示，非0表示要显示原对象。Freq：设置波动的个数。LightStrength：设置波浪效果的光照强度，从0到100。0表示最弱，100表示最强。Phase：波浪的起始相角。从0到100的百分数值。(例如：25相当于90度，而50相当于180度。)Strength:设置波浪摇摆的幅度。Xray:显现图片的轮廓，X光片效果注意：在使用CSS滤镜时，必须使用在有区域的元素，比如表格，图片等。而文本，段落这样没有区域的元素不能使用CSS滤镜,对这样的元素我们可以设置元素的Height和Width样式或坐标来实现。"CSS中的长度绝对单位：几乎不用在网页中in英寸 1in=2.54cmcm厘米 1cm=0.394inpt磅 1in=72ptpcpica 1in=6pc相对单位：较常用em1em=相应字体的font-size值emex 1ex=相应字体中的小写x字母的高度值，较难求得，一般取0.5empx 最为常用的CSS中的元素分类display设定元素所属类别，不可继承none（设定为不显示在屏幕上）block（块级元，包括P,H1-H6,list,div,body）inline（内联元，包括a,em,span）list-item（列表元，如LI）颜色与背景类color 设置文字颜色#rgb#rrggbbrgb（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}BODY{background-color:rgb（255,0,0）}BODY{background-color:rgb（100%,0%,0%）}background-image 设置背景图片，默认为none，不可继承，可用于所有元url（imageURL）nonebody{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（用关键字）70px10px（用长度值）50%30%（用百分比）BODY{background-position:righttop;}BODY{background-position:50px10px;}BODY{background-position:20%50%;}background定义背景综合属性，不要求顺序，各属性值以空格分开BODY{background:#ffcc00url（bg.jpg）fixedcenter}字型类font-family设置字型属性，取值可以是任何字型名称，缺省为浏览器内定字型，可以设多个以逗号（,）分开，有空格的英文字型可用单引号或双引号括起来。可继承，用于所有元P{font-family:宋体，楷体，黑体,"TimeNewRom";}font-style设定字型样式，可继承，用于所有元Normal（正常，默认值）italic（斜体）objlique（直斜体）P{font-style:italic;}font-variant需要特定的字体配合，可继承，用于所有元Normal（默认）small-caps（如果是中文字型则将字型缩小显示，如果是英文则全部改为较小的大写）H3{font-variant:small-caps;}font-weight设定字体粗细，可继承，用于所有元Normal（默认）boldbolderlighter100 200...900由于浏览器支持程度不同，一般只用normal和bold两种属性P{font-weight:bold;}font-size设定字体的大小，可继承，用于所有元绝对大小：xx-smallx-smallsmallmedium（默认值） largex-largexx-large;相对大小：largersmaller数字表示可用单位：磅（pt）,像素（px）,英寸（in）,厘米（cm）;亦可用百分比表示H2{font-size:36pt;}P{font-size:200%;}font设定字型的综合属性，必须含有字体名称和字体大小，顺序如下{font-stylefont-variantfont-weightfont-size/line-heightfont-family;}P{bold12pt/14ptimpact,Arial;}文字类letter-spacing设定文字间距，默认为0，可为负值，可继承，用于所有元P{letter-spacing:5pt;}text-decoration设定文字加上下划线、删除线等效果，不可继承，用于所有元none（无，默认值） underline（下划线） overline（上划线） line-through（删除线）vertical-align设定文字或图片垂直方向的对齐方式baseline（默认值）sub（下标）super（上标）top（垂直向上对齐） middle（垂直居中）bottom（垂直向下对齐） 百分比（相对于行高，可为负值）text-transform转换英文字母大小写，可继承，用于所有元none（默认值）capitalize（首字母大写）uppercase（所有英文字母大写）lowercase（所有英文字母小写）text-align设置文字的水平对齐方式，可继承，用于块级元left（左对齐）right（右对齐）center（水平居中）justify（左右对齐）text-indent 设定标记元素内文字的首行缩进或配合margin-left属性设定首行凸排，可为负值，可继承，用于块级元line-height设定行高，声明方式有标准行高、固定值表示法、百分比行高（相对于字体尺寸）、字型大小比例行高等，可继承，用于所有元white-space设定空白符处理方式，不可继承，用于块级元pre（不忽略块中的空白符）nowrap（文字不在块中自动换行）normal（忽略空白符，默认值）列表类list-style-type有序列表的编号方式（供标记使用），可继承none:无编号decimal:阿拉伯数字lower-roman:小写罗马数字upper-roman:大写罗马数字lower-alpha:小写英文字母upper-alpha:大写英文字母list-style-type无序列表的符号样式（供使用），可继承none:无符号disc:实心圆符号circle:空心圆符号square:实心方形符号list-style-image无序列表的自定义符号样式，可继承url（图片名称）none（默认值）UL{list-style-imag:url（dd.gif）;}list-style-position设置列表清单符号缩排属性，可继承outside（凸排，默认值）inside（缩排）UL{list-style-imag:url（dd.gif）;list-style-position:outside;}list-style列表清单项目的综合设定，属性之间用空格隔开UL{list-style-imag:url（dd.gif）inside;}边界及其相关类margin标记元素边界值的综合设定，可为负值，不可继承，用于所有元。应用于块级元时，纵向相邻边界被压缩/重叠；应用于内联元时，不影响文本的行高。亦可以用margin-top、margin-right、margin-bottom、margin-left分开设定各边的边界。声明4个值，其顺序为上、右、下、左边界，如：DIV{margin:12pt15pt20pt16pt;}声明3个值，其顺序为上、右、下，缺少的左边界取其对边（右），如：DIV{margin:12pt15pt16pt;}声明2个值，其顺序为上、右，缺少的下、左边界取其对边，如：DIV{margin:12pt15pt;}声明1个值，则4个边界同一个值，如：DIV{margin:15pt;}padding设定标记内容与标记边框之间的留白的综合设定，不能为负值，不可继承，用于所有元。也可分开设定padding-top、padding-right、padding-bottom、padding-lef