CSS單詞及屬性

1、(盒子)布局排版類float - 浮動：設定塊元素的浮動效果。可選常用到參數left、right ；width - 寬：確定盒子本身的寬度，可以使盒子的寬度不依靠它所包含的內容多少。height - 高 ：確定盒子本身的高度；clear - 清除 ：用於清除設定的浮動效果，常用參數both 、left、right；margin - 邊距：控制圍繞邊框　的邊距大小。其中包含4個屬性：margin-top控制上邊距的寬度、margin-right控制右邊距的寬度、margin-bottom控制下邊距的寬度、margin-left控制左邊距的寬度。padding -內邊界：確定圍繞塊元素的空格填充數量，其中包含4個屬性“padding-top控制上留白的寬度、padding-right控制右留白的寬度、padding-bottom控制下留白寬度、padding-left控制左留白的寬度。2、邊框border-width -寬：控制邊框的寬度，其中分為4個屬性：border-top-width頂邊框的寬度、border-right-width右邊框的寬度、border-bottom-width底邊框的寬度、border-left-width左邊框的寬度。 border-color -顏色：設定各邊框的顏色。若要使邊框的四邊顯示不同的顏色，可在設定中分別列出。如， p{: #ff0000 #009900 #0000ff #55cc00} 瀏覽器將四種顏色依次理解為：上邊框、右邊框、底邊框和左邊框（自上開始順時針）。 border-style -樣式：設定邊框的樣式，共有無（none）、虛線（dotted）、點劃線線（dotted）、點劃線（dashed）、實線（solid）、雙線（double）、槽狀（grove）、脊狀（ridge）、凹陷（inset）和凸起（outset）等9種。3、css文字屬性font-family- 字型：設定時，需考慮瀏覽器中有無該字型。 font-size - 字型大小：注意度量單位。 font-weight - 字型粗細：除了normal（正常）、bold（粗體）、bolder（特粗）、lighter（細體）外，還有9種以像素為度量為單位的設定方式。 font-style-樣式：字型。 line-height - 行高：行距。注意，行距只能以是字型大小值為 font-variant - 變形：可以將正常文字一半尺寸後大寫顯示，但IE目前不支援這項屬性。 text-transform - 大小寫：這項屬效能輕而易舉地控制字母大小寫，有首字大寫（capitalize、大寫（uppercase）、小寫（lowercase）和無（none，使所有繼承文字和變形參數被忽略，文字將以正常形式顯示）等4種。 text-decoration - 修飾：用於控制連結文本的顯示形態，有底線（underline）、無底線（overline）、刪除線（line-through）、閃爍（blink）和無（none，使上述效果均不會發生）等5種修飾方式。但IE4不支援文字閃爍。4、背景屬性  background-color- 背景顏色：設定背景顏色。 background-image-背景映像：設定網頁背景映像。 background-repeat - 背景重複：控制背景映像的平鋪方式，有不重複（no-repeat）、重複（repeat，沿水平、垂直方向平鋪）、橫向重複（repeat-X，映像沿水平方向平鋪）和縱向重複（repeat-Y，沿映像垂直方向平鋪）等4種選擇。 background-attachment - 附加：用於控制背景映像是否會隨頁面的滾動而一起滾動。有固定（fixd，文字滾動時，背景映像保質固定）和滾動（scroll，背景映像隨文字內容一起滾動）兩種選擇。 background-position - 水平位置/垂直位置：確定背景映像的水平、垂直位置。共有靠左對齊（left）、靠右對齊（right）、頂部（top）、底部（bottom）、置中（center）和值（自訂背景映像的起點位置，可使使用者對背景映像的位置做出更精確的控制）等6種選擇。5、區塊屬性 word-spacing - 單詞間距：主要用於控制文字間相隔的距離。有正常（normal）和值（自訂間隔值）兩種選擇方式。當選擇值時，可用的單位有英寸（in）、厘米（cm）、毫米（mm）、點數(pt）、12pt字(pc）、字型高（em）、字型x有高（ex）像素（px）。 letter-spacing -字母間距：其作用與字元間距類似，也有正常（normal）和值（自訂間隔值）兩種選擇方式。 vertical-align - 垂直對齊：控制文字或映像相對於其母體元素的垂直位置。如將一個2×3像素的GIF映像同其母體元素文字的頂部垂直對齊，則該GIF映像將在該行文字的頂部顯示。共有基準（baseline，將元素的基準線同母體元素的基準線對齊）、下標（sub，將元素以下標的形式顯示）,上標（super，將元素以上標的形式顯示）、頂部（top，將元素頂部同最高的母體元素對齊）、文本頂對齊（text-top，將元素的頂部同母體元素文字的頂部對齊）、中線對齊（middle，將元素的中點同母體元素的中點對齊）、底部（bottom，將元素的底部同最低的母體元素對齊）及值（自訂）等9種選擇。 text-align - 文本對齊：設定塊的水平對齊。共有靠左對齊（left）、靠右對齊（right）、置中（center）和均分（justify）等4種選擇。 text-indent - 文字縮排：控制塊的縮排程度。 white-space -空白間距：在HTML中，空格是被省略的；在CSS中則使用屬性（white-space）控制空格的輸入。共有正常（normal）、保留（pre）和不換行（nowrap）等3種選擇。6、CSS絕對位置屬性position - 類型：用於確定定位的類型，共有絕對（absolute）、相對（relative）和靜態（static）等3種選擇。 z-index - Z軸：用於控制網頁中塊元素的疊放順序，可為元素設定重疊效果。該屬性的參數值使用純整數，值為0時，元素在最下層，適用於絕對位置或相對定位的元素。 visibility - 顯示：使用該屬性可將網頁中的元素隱藏，共有繼承（inherit，繼承母體要素的可視性設定）、可見（visible）和隱藏（hidden）等3種選擇。 overflow - 溢出：在確定了元素的高度和寬度後，如果元素的面積不能全部顯示元素中的內容時，該屬性做一日和尚撞一天鐘起作用了。其中共有可見（visible，擴大面積以顯示所有內容）、隱藏（hidden，隱藏超出範圍的內容）、滾動（scroll，在元素的右邊顯示一個捲軸）和自動（auto，當內容超出元素麵積時，顯示捲軸）等4種選擇。 　　“定位”，當為元素確定了絕對位置類型後，該組屬性決定元素在網頁中的具體位置。該組屬性包含4個子屬性，分別是“左”（屬性名稱為“left”，控制元素左邊的起始位置）、“上”（屬性名稱為“top”，控制元素上面的起始位置）、“寬”或“高”（與“盒子”類屬性面板中“寬”或“高”的屬性作用相同）。 clip - 剪輯：元素被指定為絕對位置類型後，該屬性可以把元素地區切成各種形狀，但目前提供的只有方形一種。屬性值為rect(top right bottom left)，即：rect(top right bottom left)，屬性值的單位為任何一種長度單位。7、CSS列表 list-style-type -類型樣式：確定列表每一項前使用的符號，共有圓點（disc）、圓圈（circle）、方形（square）、數字（decimal）、小寫羅馬數字（lower-roman）、大寫羅馬數字（upper-roman）、小寫字母（lower-alpha）和大寫字母（upper－alpha）等8種。 list-style-image - 列表前的項目映像：作用是將列表前面的符號換為圖形。 list-style-position -位置：用於描述列表位置，有內（outside）和外（inside）兩種選擇。以上是常用的CSS英文單詞的CSS屬性總結，無需一定要記住會拼字，但是一定要能做到一看見就知道他們的屬性，及在寫CSS時候能知道用哪個英文單詞。更多請進CSS手冊-帶例子查看瞭解。