運城達內IT培訓
美國上市IT培訓機構

18035108441

熱門課程

css樣式表中文本屬性都包含哪些內容


css是我們在學習網頁開發的時候需要重點掌握的開發技術之一,而今天我們就一起來了解一下,css樣式表中文本屬性都包含哪些內容。

css樣式表中文本屬性都包含哪些內容

1.文本屬性

在CSS中,文本指的是標簽中的文字內容,我們可以控制一些特定的文本屬性,常用的包含:

color:標簽中的文本顏色,使用顏色名或#212131這樣的編碼

line-height:每行文本的高度,用像素單位設置

text-align:文本的對齊屬性,包含left、right、center(居中)

text-decoration:文本的修飾內容,包含none、underline(下劃線)、line-through(刪除線)等設置

word-spacing:字間距,用像素單位設置

這里就不每個屬性都演示一次了,大家可以自己動手試試。我們主要關注text-align這個屬性。

text-align這個屬性有向下繼承的特性,即我們在父標簽中定義了對齊方向,那么子標簽也會遵守這個方向。

2.字體屬性

在CSS中,字體屬性和本文屬性是分開的,這是很容易搞混的東西。字體屬性用的是font屬性,而在font下還包含若干常用的屬性:

font-family:設置文字的字體

font-size:文字的字號,用像素表示

font-style:字體風格,包含normal(默認)、italic(斜體)、oblique(傾斜)

font-weight:字體的字重,可以用數字也可以字體自帶字種

在字體設置的規則上,并不是我們想怎么設置都可以,而是考慮用戶有什么字體。

因為瀏覽器對文字的渲染是通過用戶本地的字庫來完成的,這也是為什么我們設計UI和網頁的時候不能隨心所欲用字體的原因之一。

在中文界面中,通常我們不用去設置中文字體,但可以為英文或數字文本設置一些常見的英文字體,例如「Arial」,「Futura」等。

并且可以設置多個字體,通過逗號隔開,如果一個字體用戶沒有,那么會自動替換成下一個字體。

3.列表屬性

列表在實際應用中非常的普遍,CSS有專門針對列表的屬性設置,即list-style屬性,它還包含下面一些屬性類型:

list-style-image:列表項符號替換成圖片的設置;

list-style-postion:列表項符號圖片所處的位置;

list-style-type:列表項符號的類型,包含none、disc(實心圓)、circle(空心圓)、suqare(方形)、decimal(數字)等;

list-style這個屬性只能作用在ul、ol、li標簽,對其它標簽無效。對于列表項的圖像設置我們先撇開不談,我們設置多的數值就是采用none,否則瀏覽器會自帶列表項符號(很丑)。

【免責聲明】本文系本網編輯部分轉載,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。如涉及作品內容、版權和其它問題,請在30日內與管理員聯系,我們會予以更改或刪除相關文章,以保證您的權益!更多內容請在707945861群中學習了解。

預約申請免費試聽課程

         

上一篇:云計算環境下的邊緣計算應用方法
下一篇:運城APP軟件開發常用的圖文設計類型都有哪些

軟件測試機構需要具備哪些資質條件

運城APP軟件開發常用的圖文設計類型都有哪些

css樣式表中文本屬性都包含哪些內容

云計算環境下的邊緣計算應用方法

選擇城市和中心
江西省

貴州省

廣西省

海南省

豪婿韩三千最后一集