欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解CSS定義字體、顏色、背景等屬性

  發(fā)布時間:2018-08-01 16:18:11   作者:佚名   我要評論
本文通過實例代碼給大家介紹了CSS定義字體、顏色、背景等屬性的相關(guān)知識,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧

•字體屬性

•字體font-family:"字體1","字體2",...    例:font-family:“宋體”;
•字號font-size:大小的取值      例:font-size:16px; 注意:xx-small:絕對字體尺寸,最小。 x-small:絕對字體尺寸,較小。 medium:絕對字體尺寸,正常默認值。對應(yīng)還有l(wèi)arge、x-large、xx-large等。larger:相對字體尺寸,相對于父對象中字體尺寸進行相對增大。smaller:相對字體尺寸,相對于父對象中字體尺寸進行相對減小。length:可采用百分比或長度值,不可為負值,其百分比取值是基于父對象中字體的尺寸。
•字體風(fēng)格font-style:樣式的取值  例:font-style:normal   .normal是默認的正常字體;italic以斜體顯示文字;oblique屬于中間狀態(tài),以偏斜體顯示。
•加粗字體font-weight:字體粗細值  例:font-weight:normal.  其中normal表示正常粗細;bold表示粗體;bolder表示特粗體;lighter表示特細體;number不是真正的取值,其范圍是100~900,一般情況下都是整百的數(shù)字,如200、300等。
•小寫字母轉(zhuǎn)化為大寫font-variant:取值  例:font-variant:small-caps;能將小寫的英文字母轉(zhuǎn)化為大寫字母且字體較小。另一個normal,表示正常顯示。
•CSS中可采用復(fù)合樣式,來簡化代碼,如:.h{font-family:"宋體"; font-weight:bold; font-style:italic;}

•顏色和背景屬性

•顏色屬性color:顏色取值  例:color:red。 color可以用關(guān)鍵字或者一個十六進制的RGB值。

                     color:#ff0000 表示紅色    color:#ffff00 表示黃色    color:#000099 表示藍色

                     關(guān)鍵字就是顏色的英文名稱,如red,green,blue,分別表示紅、綠、藍。
•背景顏色background-color:顏色取值
•背景圖像background-image:url(圖像地址)
•背景重復(fù)background-repeat:取值 . no-repeat表示背景圖像不平鋪;repeat表示背景圖像平鋪排滿整個網(wǎng)頁;repeat-x表示背景圖像只在水平方向上平鋪;repeat-y表示背景圖像只在垂直方向上平鋪。
•背景附件background-attachment:scroll/fixed   scroll表示背景圖像隨對象滾動而滾動,是默認選項;fixed表示背景圖像固定在頁面上不動,只有其它內(nèi)容隨滾動條滾動。
•背景位置background-position:位置取值  。一種采用數(shù)字取值,另一種采用關(guān)鍵字描述。如:x,y. left top .
•背景復(fù)合屬性background:url(圖像地址) no-repeat left top;
 

•段落屬性

•單詞間隔word-spacing:取值。默認normal;取值可正可負。
•字符間隔letter-spacing:取值。6px,3px等具體的值
•文字修飾text-decoration:取值。 none表示不修飾,默認值;underline表示對文字添加下劃線;overline表示對文字添加上劃線;line-through表示對文字添加刪除線;blink表示文字閃爍效果。
•垂直對齊方式vertical-align:排列取值  

        baseline:瀏覽器默認的垂直對齊方式。

        sub:文字的下標。

        super:文字的上標。

        top:垂直靠上對齊。

        text-top:使元素和上級元素的字體向上對齊。

        middle:垂直居中對齊。

        text-bottom:使元素和上級元素的字體向下對齊。

•文本轉(zhuǎn)換text-transform:轉(zhuǎn)換值

          none:表示使用原始值。

          capitalize:表示使每個單詞的第一個字母大寫。

          uppercase:表示使每個單詞的所有字母大寫。

          lowercase:表示使每個單詞的所有字母小寫。

•水平對齊方式text-align:排列值。

            left:左對齊。

            right:右對齊。

            center:居中對齊。

            justify:兩端對齊。

•文本縮進text-ident:縮進值。取值為:長度值或者百分比。
•文本行高line-height:行高值。取值為:長度、倍數(shù)或百分比。
•處理空白white-space:值。normal是默認值,即將連續(xù)的多個空格合并;pre會導(dǎo)致源代碼中的空格和換行符被保留,但這一選項只有在IE6中才能正確顯示;nowrap強制在同一行內(nèi)顯示所有文本,直到文本結(jié)束或者遇到換行(<br>)對象。
•文本反排unicode-bidi:bidi-override | normal |embed    override表示嚴格按照direction屬性的值重排序;normal表示為默認值;embed表示對象打開附加的嵌入層。 •direction:ltr | rtl |inherit             ltr表示從左到右順序閱讀;rtl表示從右到左順序閱讀;inherit表示文本流的值不可繼承。 

•外邊框與內(nèi)邊距屬性 •內(nèi)容區(qū) 通過width , height ,overflow調(diào)整
•內(nèi)邊距通過padding-top,padding-bottom,padding-left,padding-right調(diào)整
•邊框通過border-style,border-width,border-color調(diào)整
•外邊框通過margin-left,margin-right,margin-top,margin-bottom調(diào)整

•復(fù)合屬性margin:長度值 | 百分比 | auto    可以取1~4個值 • {margin:10px 20px 10px 10px}代表上,下,左,右分別是10px,20px,10px,10px
•{margin:10px 20px 30px}.上邊距是10px,左右邊距是20px,下邊距是30px
• {margin:10px 20px}代表上下邊距是10px,左右邊距是20px
•{margin:10px} 代表所有邊距都是10px

•邊框?qū)傩?/strong>

• 邊框樣式語法 •border-style:樣式值
•border-top-style:樣式值
•border-right-style:樣式值
•border-left-style:樣式值
•border-bottom-style:樣式值

•邊框樣式的取值和含義

取值 含義
none 默認值,無邊框
dotted 點線邊框
dashed 虛線邊框
solid 實線邊框
double 雙實線邊框
groove 邊框具有立體感的溝槽
ridge 邊框成脊形
inset 使整個邊框凹陷,即在邊框內(nèi)嵌入一個立體邊框
outset 使整個邊框凸起,即在邊框內(nèi)嵌入一個立體邊框

總結(jié)

以上所述是小編給大家介紹的CSS定義字體、顏色、背景等屬性,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論