前端自學 文字和字型屬性

2021-10-25 15:22:31 字數 1339 閱讀 5694

常用文字樣式屬性

1)color屬性:可設定文字內容的前景色,可使用英文單詞(不精確)、十六進製制(設計軟體通用顏色表示法,常見色號:#000(黑色)、#fff(白色))、rgb()、rgba()等表示方法;注:rgba()表示法最後乙個表示透明度,介於0~1之間,0表示純透明,1表示純實心。

2)font-size屬性:可用於設定字型大小,單位通常px。(網頁文字正文本號通常是16px,瀏覽器最小支援10px字型大小)。

3)font-weight屬性:用於設定字型的粗細程度,通常就用normal和bold兩個值。

4)font-style屬性:設定字型的傾斜。

給我o泡給我o泡,o泡果奶ooo!

效果圖:

字型屬性

1)font-family屬性:用於設定字型(通常必須是使用者計算機中已經安裝好的字型),字型可以是列表形式,一般英語字型放到前面,後面的字型是前面字型的「後備」字型,eg:font-famliy:serif,「time new roman」,「微軟雅黑」;(字型名稱中有空格或為中文,需要使用引號包裹)。

2)font-variant屬性:可以設定小型大寫字母。

段落和行相關屬性

1)text-indent屬性:定義首行文字內容之前的縮排量,單位為em(表示字元寬度)。

2)line-height:定義行高,可以設為以px為單位的數值,或者無單位,直接設定為字型大小的倍數(也可用百分數表示)。

3)單行文字垂直居中:設定行高=盒子高度,即可實現;設定text-align:center,即可實現文字水平居中;

4)font合寫屬性:可用來作為font-style,font-variant,font-weight,font-size,line-height,font-family屬性的合寫。

(eg:font:italic small-caps bold 20px 「微軟雅黑」,serif;)

css目前最新版本為css3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統的html的表現而言,css能夠對頁中的物件的位置排版進行畫素級的精確控制,支援幾乎能夠進行初步互動設計,是目前基於文字展示最有效的表現設計語言。

繼承性

1)文字相關的屬性普遍具有繼承性,只需給祖先標籤設定,即可在後代所有標籤中生效,如:color、font-開頭的、list-開頭的、text-開頭的、line-開頭的等。由於文字相關屬性具有繼承性,所以通常會設定body標籤的字型大小、顏色、行高等,這樣就可以當作這個網頁的預設樣式了。

2)在繼承情況下,選擇器權重計算失效,而是」就近原則「。

前端 文字屬性和字型屬性

介紹幾個常用的。文字對齊 text align 屬性規定元素中的文字的水平對齊方式。屬性值 none center left right justify 文字顏色 color屬性 文字首行縮排 text indent 屬性規定元素首行縮排的距離,單位建議使用em 文字修飾 text decorati...

文字屬性和字型屬性

編輯本部落格 font size 20px font weight bolder font family microsoft yahei ui 微軟雅黑 arial sans serif text align center 清除a標籤樣式 text decoration none 行高設定和盒子一樣...

字型屬性 文字屬性

font family 微軟雅黑 字型 font size 16px 瀏覽器預設大小 16px 字型大小大小 font weight 400代表正常 700代表加粗 字型粗細 font style normal 預設正常 italic 斜體 文字樣式 字型復合屬性 順序 swsf font font...