日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) >

常用的CSS属性的英文单词总结及用法、解释

發(fā)布時(shí)間:2025/7/14 58 豆豆
生活随笔 收集整理的這篇文章主要介紹了 常用的CSS属性的英文单词总结及用法、解释 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1、(盒子)布局排版類(lèi) - TOP
float - 浮動(dòng):設(shè)置塊元素的浮動(dòng)效果。可選常用到參數(shù)left、right ;
width - 寬:確定盒子本身的寬度,可以使盒子的寬度不依靠它所包含的內(nèi)容多少。
height - 高 :確定盒子本身的高度;
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控制左留白的寬度。

2、邊框 - TOP
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)、虛線(xiàn)(dotted)、點(diǎn)劃線(xiàn)線(xiàn)(dotted)、點(diǎn)劃線(xiàn)(dashed)、實(shí)線(xiàn)(solid)、雙線(xiàn)(double)、槽狀(grove)、脊?fàn)?#xff08;ridge)、凹陷(inset)和凸起(outset)等9種。

3、css文字屬性 - TOP
font-family- 字體:設(shè)定時(shí),需考慮瀏覽器中有無(wú)該字體。
font-size - 字體大小:注意度量單位。
font-weight - 字體 粗細(xì):除了normal(正常)、bold(粗體)、bolder(特粗)、lighter(細(xì)體)外,還有9種以像素為度量為單位的設(shè)置方式。
font-style-樣式:字型。
line-height - 行高:行距。注意,行距只能以是字體大小值為
font-variant - 變形:可以將正常文字一半尺寸后大寫(xiě)顯示,但I(xiàn)E目前不支持這項(xiàng)屬性。
text-transform - 大小寫(xiě):這項(xiàng)屬性能輕而易舉地控制字母大小寫(xiě),有首字大寫(xiě)(capitalize、大寫(xiě)(uppercase)、小寫(xiě)(lowercase)和無(wú)(none,使所有繼承文字和變形參數(shù)被忽略,文字將以正常形式顯示)等4種。
text-decoration - 修飾:用于控制鏈接文本的顯示形態(tài),有下劃線(xiàn)(underline)、無(wú)下劃線(xiàn)(overline)、刪除線(xiàn)(line-through)、閃爍(blink)和無(wú)(none,使上述效果均不會(huì)發(fā)生)等5種修飾方式。但I(xiàn)E4不支持文字閃爍。

4、背景屬性 - TOP,查看背景居中實(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)位置,可使用戶(hù)對(duì)背景圖像的位置做出更精確的控制)等6種選擇。

5、區(qū)塊屬性 - TOP
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圖像將在該行文字的頂部顯示。共有基線(xiàn)(baseline,將元素的基準(zhǔn)線(xiàn)同母體元素的基準(zhǔn)線(xiàn)對(duì)齊)、下標(biāo)(sub,將元素以下標(biāo)的形式顯示),上標(biāo)(super,將元素以上標(biāo)的形式顯示)、頂部(top,將元素頂部同最高的母體元素對(duì)齊)、文本頂對(duì)齊(text-top,將元素的頂部同母體元素文字的頂部對(duì)齊)、中線(xiàn)對(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種選擇。

6、CSS絕對(duì)定位屬性 - TOP
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)度單位。

7、CSS列表 - TOP-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è)-帶例子查看了解。

轉(zhuǎn)載于:https://www.cnblogs.com/KaPengQiang/articles/2413117.html

總結(jié)

以上是生活随笔為你收集整理的常用的CSS属性的英文单词总结及用法、解释的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。