常用的CSS標(biāo)簽標(biāo)記屬性翻譯注釋

常用的CSS標(biāo)簽標(biāo)記屬性翻譯注釋這里收藏一些編寫(xiě)網(wǎng)頁(yè)的常用屬性，便于以后編寫(xiě)網(wǎng)頁(yè)查詢。""這里收藏一些編寫(xiě)網(wǎng)頁(yè)的常用屬性，便于以后編寫(xiě)網(wǎng)頁(yè)查詢。1、 字體屬性（type）font-family（使用什么字體）font-style（字體的樣式，是否斜體）：normal/italic/obliquefont-variant（字體大小寫(xiě)）:normal/small-capsfont-weight（字體的粗細(xì)）：normal/bold/bolder/lithterfont-size（字體的大?。篴bsolute-size/relative-size/length/percentage2、 顏色和背景屬性（backgroud）color（定義前景色，例如：p{color:red}）background-color（定義背景色）background-image（定義背景圖片）background-repeat（背景圖案重復(fù)方式）：repeat-x/repeat-y/no-repeatbackground-attachment（設(shè)置滾動(dòng)）：scroll（滾動(dòng)）/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（使文本轉(zhuǎn)換為其它方式）：capitalize（大寫(xiě)）/uppercase（首字母大寫(xiě)）/lowercase（小寫(xiě)）/nonetext-align（文字的對(duì)齊）：left/right/center/justifytext-indent（文本的首行縮進(jìn)）length/percentageline-height（文本的行高）:normal/numbet/lenggth/percentage（百分比）定義超鏈接：a：link{color:green;text-decoration:nore}（未訪問(wèn)過(guò)的狀態(tài)）a：visited{color:ren;text-decoration:underline;16pt}（訪問(wèn)過(guò)的狀態(tài)）a:hover{color:blue;text-decoration:underline;16pt}（鼠標(biāo)激活的狀態(tài)）4、塊屬性(block)邊距屬性：margin-top(設(shè)置頂邊距)margin-right（設(shè)置右邊距）margin-bottom（設(shè)置底邊距）margin-left（設(shè)置左邊距）填充距屬性：padding-top設(shè)置頂端真充距）padding-right設(shè)置頂端真充距）padding-bottom設(shè)置頂端真充距）padding-left設(shè)置頂端真充距）5、 邊框?qū)傩裕╞order）border-top-width（頂端邊框?qū)挾龋゜order-right-width（右端邊框?qū)挾龋゜order-bottom-width（底端邊框?qū)挾龋゜order-left-width（d左邊框?qū)挾龋゜order-width（一次定義邊框?qū)挾龋゜order-color（設(shè)置邊框顏色）border-style（設(shè)置邊框樣式）border-top（一次定義頂端各種屬性）border-right（一次定義右端各種屬性）border-bottom（一次定義底端各種屬性）border-left（一次定義左端各種屬性）圖文混排：width（定義寬度屬性）height（定義高度屬性）float（文字環(huán)繞在一個(gè)元素的四周）clear（定義某一邊是否有環(huán)繞）6、 項(xiàng)目符號(hào)和編號(hào)（list）display（定義是否顯示）white-space（怎樣處理空白部分）：normal/pre/nowraplist-style-type（在列表前加項(xiàng)目符號(hào)）disc（圓點(diǎn)"circle（圈"square（方形）/decimal（阿拉伯?dāng)?shù)字）/lower-roman（小寫(xiě)羅馬數(shù)字）/upper-roman（大寫(xiě)羅馬數(shù)字）/lower-alpha（小寫(xiě)英文字母）/upper-alpha（大寫(xiě)英文字母）/norelist-style-tyle（在列表前加圖案）：vurl>/nonelist-style-position（決定列表項(xiàng)中第二行的起邕位置）list-style（一次性定義所有屬性）7、 定位（positioning）即層屬性Type：設(shè)定對(duì)象的定位方式。有三種方式：Absolute（絕對(duì)定位）、Relative（相對(duì)定位）、Static（無(wú)特殊定位）。相對(duì)應(yīng)的CSS屬性是"position”。Visibility：設(shè)定對(duì)象定位層的最初顯示狀態(tài)。有三種狀態(tài)：Inherit（繼承父層的顯示屬性）、Visible（對(duì)象可視）、Hidden隱藏對(duì)象。相對(duì)應(yīng)的CSS屬性是”visibility”。Z-Index:設(shè)置對(duì)象的層疊順序。編號(hào)較大的層會(huì)顯示在編號(hào)較小的層上邊。變量值可以是正值也可以是負(fù)值。相對(duì)應(yīng)的CSS屬性是”z-index”。Overflow:設(shè)置如果層的內(nèi)容超出了層的大小時(shí)如何處理。有四種處理方式：visible，增加層的大小，從而將層的所有內(nèi)容顯示出來(lái)；hidden，保持層的大小不變，將超出層的內(nèi)容剪裁掉；Scroll，總是顯示滾動(dòng)；Auto，只有在內(nèi)容超出層的邊界時(shí)才顯示滾動(dòng)條。相對(duì)應(yīng)的CSS屬性是"overflow”。Placement：設(shè)置對(duì)象定位層的位置和大小?？梢苑謩e設(shè)置left（左邊定位）、top（頂部定位）、width（寬）、height（高）。相對(duì)應(yīng)的CSS屬性分別是"left;top;width;height"oClip:定義定位層的可視區(qū)域。區(qū)域外的部分為不可視區(qū)，為透明的?？梢岳斫鉃樵诙ㄎ粚由戏乓粋€(gè)矩形遮罩的效果。相對(duì)應(yīng)的CSS屬性是”clip”。8、擴(kuò)展（Extensions）Pagebreak:在打印的時(shí)候強(qiáng)迫在樣式控制的對(duì)象前后換頁(yè)。Before：設(shè)置對(duì)象前出現(xiàn)的頁(yè)分割符。設(shè)置為always時(shí)，始終在對(duì)象之前插入頁(yè)分割符。相對(duì)應(yīng)的CSS屬性是”break-before”。After:設(shè)置對(duì)象后出現(xiàn)的頁(yè)分割符。設(shè)置為always時(shí)，始終在對(duì)象之后插入頁(yè)分割符。相對(duì)應(yīng)的CSS屬性是”'＞。注意：以上IE5僅支持always值和空白值（null）。Cursor:當(dāng)鼠標(biāo)滑過(guò)樣式控制的對(duì)象時(shí)改變鼠標(biāo)形狀。可以設(shè)置為hand（手型）、crosshair“十”型）、text“I”型）、wait（等待）、default（默認(rèn)）、help（幫助）、e-resize（東箭頭）、ne-resize（東北箭頭）、n-resize（北箭頭）、nw-resize（西北箭頭）、w-resize（西箭頭）、sw-resize（西南箭頭）、s-resize（南箭頭）、se-resize（東南箭頭）和auto（自動(dòng)）。Filter:在樣式中加上濾鏡特效。由于此屬性內(nèi)容比較多，我們將到下一章單獨(dú)對(duì)濾鏡介紹。Alpha:設(shè)置透明度Alpha（Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?）Opacity：透明度級(jí)別，范圍是0-100，0代表完全透明，100代表完全不透明。FinishOpacity：設(shè)置漸變的透明效果時(shí)，用來(lái)指定結(jié)束時(shí)的透明度，范圍也是0到100。Style：設(shè)置漸變透明的樣式，值為0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形。StartX和StartY:代表漸變透明效果的開(kāi)始X和Y坐標(biāo)。FinishX和FinishY:代表漸變透明效果結(jié)束X和Y的坐標(biāo)。BlendTrans：圖像之間的淡入和淡出的效果BlendTrans（Duration=?）Duration:淡入或淡出的時(shí)間。注意：這個(gè)濾鏡必須配合JS建立圖片序列，才能做出圖片間效果。Blru:建立模糊效果Blur（Add=?,Direction=?,Strength=?）Add是否單方向模糊，此參數(shù)是一個(gè)布爾值，true（非0、或false（0）。Direction：設(shè)置模糊的方向，其中0度代表垂直向上，然后每45度為一個(gè)單位。Strength：代表模糊的象素值。Chroma:把指定的顏色設(shè)置為透明Chroma（Color=?）Color:是指要設(shè)置為透明的顏色。DropShadow:建立陰影效果DropShadow(Color=?,OffX=?,OffY=?,Positive^?)Color：指定陰影的顏色。OffX：指定陰影相對(duì)于元素在水平方向偏移量，整數(shù)。OffY：指定陰影相對(duì)于元素在垂直方向偏移量，整數(shù)。Positive：是一個(gè)布爾值，值為true(非0)時(shí)，表示為建立外陰影；為false(O)，表示為建立內(nèi)陰影。FlipH :將元素水平反轉(zhuǎn)FlipV :將元素垂直反轉(zhuǎn)Glow :建立外發(fā)光效效果Glow(Color=?,Strength=?)Color:是指定發(fā)光的顏色。Strength:光的強(qiáng)度，可以是1到255之間的任何整數(shù)，數(shù)字越大，發(fā)光的范圍就越大。Gray:去掉圖像的色彩，顯示為黑白圖象Invert:反轉(zhuǎn)圖象的顏色，產(chǎn)生類似底片的效果Light:放置光源的效果，可以用來(lái)模擬光源在物體上的投影效果注意：此效果需要用JS設(shè)置光的位置和強(qiáng)度。Mask：建立透明遮罩Mask(Color=?)Color:設(shè)置底色，讓對(duì)象遮住底色的部分透明。RevealTrans：建立切換效果RevealTrans(Duration=?,Transition=?)Duration:是切換時(shí)間，以秒為單位。Transtition：是切換方式，可設(shè)置為從0到23。注意：如果做頁(yè)面間的切換效果,可以在vhead＞區(qū)加上一行代碼:＜Metahttp-equiv=entercontent=revealTrans(Transition=?,Duration=?)＞。如果用在頁(yè)面里的元素必須配合JS使用。Shadow：建立另一種陰影效果Shadow(Color=?,Direction^?)Color：是指陰影的顏色。Direction：是設(shè)置投影的方向，0度代表垂直向上，然后每45度為一個(gè)單位。Wave：波紋效果Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength^?)Add表示是否顯示原對(duì)象，0表示不顯示，非0表示要顯示原對(duì)象。Freq：設(shè)置波動(dòng)的個(gè)數(shù)。LightStrength：設(shè)置波浪效果的光照強(qiáng)度，從0到100。0表示最弱，100表示最強(qiáng)。Phase：波浪的起始相角。從0到100的百分?jǐn)?shù)值。(例如：25相當(dāng)于90度，而50相當(dāng)于180度。)Strength:設(shè)置波浪搖擺的幅度。Xray:顯現(xiàn)圖片的輪廓，X光片效果注意：在使用CSS濾鏡時(shí)，必須使用在有區(qū)域的元素，比如表格，圖片等。而文本，段落這樣沒(méi)有區(qū)域的元素不能使用CSS濾鏡,對(duì)這樣的元素我們可以設(shè)置元素的Height和Width樣式或坐標(biāo)來(lái)實(shí)現(xiàn)。"CSS中的長(zhǎng)度絕對(duì)單位：幾乎不用在網(wǎng)頁(yè)中in英寸 1in=2.54cmcm厘米 1cm=0.394inpt磅 1in=72ptpcpica 1in=6pc相對(duì)單位：較常用em1em=相應(yīng)字體的font-size值emex 1ex=相應(yīng)字體中的小寫(xiě)x字母的高度值，較難求得，一般取0.5empx 最為常用的CSS中的元素分類display設(shè)定元素所屬類別，不可繼承none（設(shè)定為不顯示在屏幕上）block（塊級(jí)元，包括P,H1-H6,list,div,body）inline（內(nèi)聯(lián)元，包括a,em,span）list-item（列表元，如LI）顏色與背景類color 設(shè)置文字顏色#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設(shè)置背景顏色，格式同上；不可繼承，可用于所有元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 設(shè)置背景圖片，默認(rèn)為none，不可繼承，可用于所有元url（imageURL）nonebody{backround-image:url（back.jpg）;}background-repeat設(shè)置背景圖片是否重復(fù)排列，不可繼承，用于所有元repeat（XY軸均重復(fù)） repeat-x（X軸重復(fù)排列） repeat-y（Y軸重復(fù)排列） No-repeat（不重復(fù)排列，默認(rèn)值）BODY{background-repeat:repeat-x;}BODY{background-repeat:No-repeat;}background-attachment設(shè)定背景圖片是否卷動(dòng)，不可繼承，用于所有元scroll（隨網(wǎng)頁(yè)卷動(dòng)，默認(rèn)值）fixed（不隨網(wǎng)頁(yè)卷動(dòng)）BODY{background-attachment:fixed;}background-position設(shè)定背景圖片或背景顏色開(kāi)始顯示的位置，不可繼承，用于塊級(jí)元和可替換元top,buttom,left,right,center（用關(guān)鍵字）70px10px（用長(zhǎng)度值）50%30%（用百分比）BODY{background-position:righttop;}BODY{background-position:50px10px;}BODY{background-position:20%50%;}background定義背景綜合屬性，不要求順序，各屬性值以空格分開(kāi)BODY{background:#ffcc00url（bg.jpg）fixedcenter}字型類font-family設(shè)置字型屬性，取值可以是任何字型名稱，缺省為瀏覽器內(nèi)定字型，可以設(shè)多個(gè)以逗號(hào)（,）分開(kāi)，有空格的英文字型可用單引號(hào)或雙引號(hào)括起來(lái)。可繼承，用于所有元P{font-family:宋體，楷體，黑體,"TimeNewRom";}font-style設(shè)定字型樣式，可繼承，用于所有元Normal（正常，默認(rèn)值）italic（斜體）objlique（直斜體）P{font-style:italic;}font-variant需要特定的字體配合，可繼承，用于所有元Normal（默認(rèn)）small-caps（如果是中文字型則將字型縮小顯示，如果是英文則全部改為較小的大寫(xiě)）H3{font-variant:small-caps;}font-weight設(shè)定字體粗細(xì)，可繼承，用于所有元Normal（默認(rèn)）boldbolderlighter100 200...900由于瀏覽器支持程度不同，一般只用normal和bold兩種屬性P{font-weight:bold;}font-size設(shè)定字體的大小，可繼承，用于所有元絕對(duì)大?。簒x-smallx-smallsmallmedium（默認(rèn)值） largex-largexx-large;相對(duì)大?。簂argersmaller數(shù)字表示可用單位：磅（pt）,像素（px）,英寸（in）,厘米（cm）;亦可用百分比表示H2{font-size:36pt;}P{font-size:200%;}font設(shè)定字型的綜合屬性，必須含有字體名稱和字體大小，順序如下{font-stylefont-variantfont-weightfont-size/line-heightfont-family;}P{bold12pt/14ptimpact,Arial;}文字類letter-spacing設(shè)定文字間距，默認(rèn)為0，可為負(fù)值，可繼承，用于所有元P{letter-spacing:5pt;}text-decoration設(shè)定文字加上下劃線、刪除線等效果，不可繼承，用于所有元none（無(wú)，默認(rèn)值） underline（下劃線） overline（上劃線） line-through（刪除線）vertical-align設(shè)定文字或圖片垂直方向的對(duì)齊方式baseline（默認(rèn)值）sub（下標(biāo)）super（上標(biāo)）top（垂直向上對(duì)齊） middle（垂直居中）bottom（垂直向下對(duì)齊） 百分比（相對(duì)于行高，可為負(fù)值）text-transform轉(zhuǎn)換英文字母大小寫(xiě)，可繼承，用于所有元none（默認(rèn)值）capitalize（首字母大寫(xiě)）uppercase（所有英文字母大寫(xiě)）lowercase（所有英文字母小寫(xiě)）text-align設(shè)置文字的水平對(duì)齊方式，可繼承，用于塊級(jí)元left（左對(duì)齊）right（右對(duì)齊）center（水平居中）justify（左右對(duì)齊）text-indent 設(shè)定標(biāo)記元素內(nèi)文字的首行縮進(jìn)或配合margin-left屬性設(shè)定首行凸排，可為負(fù)值，可繼承，用于塊級(jí)元line-height設(shè)定行高，聲明方式有標(biāo)準(zhǔn)行高、固定值表示法、百分比行高（相對(duì)于字體尺寸）、字型大小比例行高等，可繼承，用于所有元white-space設(shè)定空白符處理方式，不可繼承，用于塊級(jí)元pre（不忽略塊中的空白符）nowrap（文字不在塊中自動(dòng)換行）normal（忽略空白符，默認(rèn)值）列表類list-style-type有序列表的編號(hào)方式（供標(biāo)記使用），可繼承none:無(wú)編號(hào)decimal:阿拉伯?dāng)?shù)字lower-roman:小寫(xiě)羅馬數(shù)字upper-roman:大寫(xiě)羅馬數(shù)字lower-alpha:小寫(xiě)英文字母upper-alpha:大寫(xiě)英文字母list-style-type無(wú)序列表的符號(hào)樣式（供使用），可繼承none:無(wú)符號(hào)disc:實(shí)心圓符號(hào)circle:空心圓符號(hào)square:實(shí)心方形符號(hào)list-style-image無(wú)序列表的自定義符號(hào)樣式，可繼承url（圖片名稱）none（默認(rèn)值）UL{list-style-imag:url（dd.gif）;}list-style-position設(shè)置列表清單符號(hào)縮排屬性，可繼承outside（凸排，默認(rèn)值）inside（縮排）UL{list-style-imag:url（dd.gif）;list-style-position:outside;}list-style列表清單項(xiàng)目的綜合設(shè)定，屬性之間用空格隔開(kāi)UL{list-style-imag:url（dd.gif）inside;}邊界及其相關(guān)類margin標(biāo)記元素邊界值的綜合設(shè)定，可為負(fù)值，不可繼承，用于所有元。應(yīng)用于塊級(jí)元時(shí)，縱向相鄰邊界被壓縮/重疊；應(yīng)用于內(nèi)聯(lián)元時(shí)，不影響文本的行高。亦可以用margin-top、margin-right、margin-bottom、margin-left分開(kāi)設(shè)定各邊的邊界。聲明4個(gè)值，其順序?yàn)樯?、右、下、左邊界，如：DIV{margin:12pt15pt20pt16pt;}聲明3個(gè)值，其順序?yàn)樯?、右、下，缺少的左邊界取其?duì)邊（右），如：DIV{margin:12pt15pt16pt;}聲明2個(gè)值，其順序?yàn)樯?、右，缺少的下、左邊界取其?duì)邊，如：DIV{margin:12pt15pt;}聲明1個(gè)值，則4個(gè)邊界同一個(gè)值，如：DIV{margin:15pt;}padding設(shè)定標(biāo)記內(nèi)容與標(biāo)記邊框之間的留白的綜合設(shè)定，不能為負(fù)值，不可繼承，用于所有元。也可分開(kāi)設(shè)定padding-top、padding-right、padding-bottom、padding-lef