常用的CSS屬性的英文單詞總結(jié)及用法、解釋
17 . Feb . 2018
常用的CSS屬性的英文單詞總結(jié)及用法、解釋
在div css制作中常用的CSS屬性的英文單詞介紹、解釋與css樣式用法總結(jié)。這些單詞無(wú)需一定要記住會(huì)拼寫(xiě)，但是要求看見(jiàn)他們就能認(rèn)識(shí)他們并知道他們的屬性及用法，這里有個(gè)記住他們屬性的技巧就是多制作和手寫(xiě)div+css推薦用Dreamweaver（DW）因?yàn)榇斯ぞ咴趯?xiě)CSS和html的代碼時(shí)候會(huì)自動(dòng)彈出用到的CSS代碼，多用多看就能記住他們的用法及屬性。（如果您的記憶力好能記住也好不影響）
下面我們來(lái)分別認(rèn)識(shí)下這些常用的CSS單詞及屬性（更多請(qǐng)進(jìn)CSS在線手冊(cè)）：
一、(盒子)布局排版類(lèi)
float浮動(dòng)：設(shè)置塊元素的浮動(dòng)效果?？蛇x常用到參數(shù)left、right ；
css width寬度：確定盒子本身的寬度，可以使盒子的寬度不依靠它所包含的內(nèi)容多少。
css height - 高度 ：確定盒子本身的高度；
css clear - 清除 ：用于清除設(shè)置的浮動(dòng)效果，常用參數(shù)both 、left、right；
margin - 邊距 ：控制圍繞邊框 的邊距大小。其中包含4個(gè)屬性：margin-top控制上邊距的寬度、margin-right控制右邊距的寬度、margin-bottom控制下邊距的寬度、margin-left控制左邊距的寬度。
padding -內(nèi)邊界：確定圍繞塊元素的空格填充數(shù)量，其中包含4個(gè)屬性“padding-top控制上留白的寬度、padding-right控制右留白的寬度、padding-bottom控制下留白寬度、padding-left控制左留白的寬度。
二、邊框
border-width -寬 ：控制邊框的寬度，其中分為4個(gè)屬性：border-top-width頂邊框的寬度、border-right-width右邊框的寬度、border-bottom-width底邊框的寬度、border-left-width左邊框的寬度。
border-color -顏色：設(shè)置各邊框的顏色。若要使邊框的四邊顯示不同的顏色，可在設(shè)置中分別列出。如，
p{: #ff0000 #009900 #0000ff #55cc00}
瀏覽器將四種顏色依次理解為：上邊框、右邊框、底邊框和左邊框（自上開(kāi)始順時(shí)針）。
border-style -樣式：設(shè)定邊框的樣式，共有無(wú)（none）、虛線（dotted）、點(diǎn)劃線線（dotted）、點(diǎn)劃線（dashed）、實(shí)線（solid）、雙線（double）、槽狀（grove）、脊?fàn)睿╮idge）、凹陷（inset）和凸起（outset）等9種。
三、css文字屬性
font-family- css字體：設(shè)定時(shí)，需考慮瀏覽器中有無(wú)該字體。
font-size - css字體大小：注意度量html單位。
font-weight - css字體粗細(xì)-css加粗樣式：除了normal（正常）、bold（粗體）、bolder（特粗）、lighter（細(xì)體）外，還有9種以像素為度量為單位的設(shè)置方式。
css font-style-樣式：css字型。
css line-height - css行高：行距。注意，行距只能以是字體大小值為
font-variant - css變形：可以將正常文字一半尺寸后大寫(xiě)顯示，但I(xiàn)E目前不支持這項(xiàng)屬性。
text-transform - css大小寫(xiě)：這項(xiàng)屬性能輕而易舉地控制字母大小寫(xiě)，有首字大寫(xiě)（capitalize、大寫(xiě)（uppercase）、小寫(xiě)（lowercase）和無(wú)（none，使所有繼承文字和變形參數(shù)被忽略，文字將以正常形式顯示）等4種。
text-decoration - 修飾：用于控制鏈接文本的顯示形態(tài)，css下劃線（underline）、無(wú)下劃線（overline）、css刪除線（line-through）、閃爍（blink）和無(wú)（none，使上述效果均不會(huì)發(fā)生）等5種修飾方式。但I(xiàn)E4不支持文字閃爍。
四、背景屬性
查看背景居中實(shí)例
background-color- 背景顏色：設(shè)置背景顏色。
background-image-背景圖像：設(shè)置網(wǎng)頁(yè)背景圖像。
background-repeat - 背景重復(fù)：控制背景圖像的平鋪方式，有不重復(fù)（no-repeat）、重復(fù)（repeat，沿水平、垂直方向平鋪）、橫向重復(fù)（repeat-X，圖像沿水平方向平鋪）和縱向重復(fù)（repeat-Y，沿圖像垂直方向平鋪）等4種選擇。
background-attachment - 附加：用于控制背景圖像是否會(huì)隨頁(yè)面的滾動(dòng)而一起滾動(dòng)。有固定（fixd，文字滾動(dòng)時(shí)，背景圖像保質(zhì)固定）和滾動(dòng)（scroll，背景圖像隨文字內(nèi)容一起滾動(dòng)）兩種選擇。
background-position - 水平位置/垂直位置：確定背景圖像的水平、垂直位置。共有左對(duì)齊（left）、右對(duì)齊（right）、頂部（top）、底部（bottom）、居中（center）和值（自定義背景圖像的起點(diǎn)位置，可使用戶對(duì)背景圖像的位置做出更精確的控制）等6種選擇。
五、區(qū)塊屬性
word-spacing - 單詞字間距：主要用于控制文字間相隔的距離。有正常（normal）和值（自定義間隔值）兩種選擇方式。當(dāng)選擇值時(shí)，可用的單位有英寸（in）、厘米（cm）、毫米（mm）、點(diǎn)數(shù)(pt）、12pt字(pc）、字體高（em）、字體x有高（ex）像素（px）。
letter-spacing -字母間距：其作用與字符間距類(lèi)似，也有正常（normal）和值（自定義間隔值）兩種選擇方式。
vertical-align - 垂直對(duì)齊：控制文字或圖像相對(duì)于其母體元素的垂直位置。如將一個(gè)2×3像素的GIF圖像同其母體元素文字的頂部垂直對(duì)齊，則該GIF圖像將在該行文字的頂部顯示。共有基線（baseline，將元素的基準(zhǔn)線同母體元素的基準(zhǔn)線對(duì)齊）、下標(biāo)（sub，將元素以下標(biāo)的形式顯示）,上標(biāo)（super，將元素以上標(biāo)的形式顯示）、頂部（top，將元素頂部同最高的母體元素對(duì)齊）、文本頂對(duì)齊（text-top，將元素的頂部同母體元素文字的頂部對(duì)齊）、中線對(duì)齊（middle，將元素的中點(diǎn)同母體元素的中點(diǎn)對(duì)齊）、底部（bottom，將元素的底部同最低的母體元素對(duì)齊）及值（自定義）等9種選擇。
text-align - 文本對(duì)齊：設(shè)置塊的水平對(duì)齊方式。共有左對(duì)齊（left）、右對(duì)齊（right）、居中（center）和均分（justify）等4種選擇。
text-indent - 文字縮進(jìn)：控制塊的縮進(jìn)程度。
white-space -空白間距：在HTML中，空格是被省略的；在CSS中則使用屬性（white-space）控制空格的輸入。共有正常（normal）、保留（pre）和不換行（nowrap）等3種選擇。
六、CSS絕對(duì)定位屬性
position - 類(lèi)型：用于確定定位的類(lèi)型，共有絕對(duì)（absolute）、相對(duì)（relative）和靜態(tài)（static）等3種選擇。
z-index - Z軸：用于控制網(wǎng)頁(yè)中塊元素的疊放順序，可為元素設(shè)置重疊效果。該屬性的參數(shù)值使用純整數(shù)，值為0時(shí)，元素在最下層，適用于絕對(duì)定位或相對(duì)定位的元素。
visibility - 顯示：使用該屬性可將網(wǎng)頁(yè)中的元素隱藏，共有繼承（inherit，繼承母體要素的可視性設(shè)置）、可見(jiàn)（visible）和隱藏（hidden）等3種選擇。
overflow - 溢出：在確定了元素的高度和寬度后，如果元素的面積不能全部顯示元素中的內(nèi)容時(shí)，該屬性做一日和尚撞一天鐘起作用了。其中共有可見(jiàn)（visible，擴(kuò)大面積以顯示所有內(nèi)容）、隱藏（hidden，隱藏超出范圍的內(nèi)容）、滾動(dòng)（scroll，在元素的右邊顯示一個(gè)滾動(dòng)條）和自動(dòng)（auto，當(dāng)內(nèi)容超出元素面積時(shí)，顯示滾動(dòng)條）等4種選擇。
“定位”，當(dāng)為元素確定了絕對(duì)定位類(lèi)型后，該組屬性決定元素在網(wǎng)頁(yè)中的具體位置。該組屬性包含4個(gè)子屬性，分別是“左”（屬性名為“l(fā)eft”，控制元素左邊的起始位置）、“上”（屬性名為“top”，控制元素上面的起始位置）、“寬”或“高”（與“盒子”類(lèi)屬性面板中“寬”或“高”的屬性作用相同）。
clip - 剪輯：元素被指定為絕對(duì)定位類(lèi)型后，該屬性可以把元素區(qū)域切成各種形狀，但目前提供的只有方形一種。屬性值為rect(top right bottom left)，即：rect(top right bottom left)，屬性值的單位為任何一種長(zhǎng)度單位。
七、CSS列表-css li
list-style-type -類(lèi)型樣式：確定列表每一項(xiàng)前使用的符號(hào)，共有圓點(diǎn)（disc）、圓圈（circle）、方形（square）、數(shù)字（decimal）、小寫(xiě)羅馬數(shù)字（lower-roman）、大寫(xiě)羅馬數(shù)字（upper-roman）、小寫(xiě)字母（lower-alpha）和大寫(xiě)字母（upper－alpha）等8種。
list-style-image - 列表前的項(xiàng)目圖像：作用是將列表前面的符號(hào)換為圖形。
list-style-position -位置 ：用于描述列表位置，有內(nèi)（outside）和外（inside）兩種選擇。
以上是常用的CSS英文單詞的CSS屬性總結(jié)，無(wú)需一定要記住會(huì)拼寫(xiě)，但是一定要能做到一看見(jiàn)就知道他們的屬性，及在寫(xiě)CSS時(shí)候能知道用哪個(gè)英文單詞。更多請(qǐng)進(jìn)CSS手冊(cè)-帶例子查看了解。
作者：@悅閣網(wǎng)絡(luò)科技
悅閣網(wǎng)絡(luò)科技有限公司專業(yè)為中小企業(yè)提供精致的佛山網(wǎng)站建設(shè)、佛山網(wǎng)站設(shè)計(jì)、佛山網(wǎng)站制作及相關(guān)網(wǎng)絡(luò)營(yíng)銷(xiāo)等服務(wù)，是廣佛地區(qū)最好的網(wǎng)絡(luò)科技公司之一，在廣佛做網(wǎng)站開(kāi)發(fā)就找悅閣網(wǎng)絡(luò)科技！
您對(duì)建網(wǎng)站有需求？請(qǐng)回到首頁(yè)“悅閣網(wǎng)絡(luò)”官網(wǎng) 查找您想建哪種類(lèi)型的網(wǎng)站，然后聯(lián)系我們客服QQ，我們將竭誠(chéng)為您服務(wù)！
