CSS單詞及屬性

來源:互聯網
上載者:User
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手冊-帶例子查看瞭解。
相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。