css字型設定相關屬性

2021-08-03 18:28:03 字數 970 閱讀 2772

css字型相關屬性

font-family:字型名稱

font-size:字型的大小

font-style:字形 如斜體

fong-variant 字型變化 如大寫

font-weight字型粗細

字型演示qw

可以簡寫

font-style  font-variant  font –weight  font-size  font-family  前三個可以省略使用預設值,font-size和family必須指定值。這種書寫方式更加簡潔。

font:120px 楷體;

css文字相關屬性

文字相關的實行主要包括顏色、對齊方式、修飾等等。

color:設定文字的顏色

text-decoration標籤:

none:預設值 什麼都沒有

underline:下劃線

overline:在上方加一條線

line-through:刪除線(在字的中間加一條線)

text-shadow:加陰影

text-shadow: -4px  -6px yellow;

第乙個px代表陰影水平也就是左右移動距離,第二個px則是豎直也就是上下移動。

direction標籤:方向

ltr:left to right從左到右

rtl:right to left 從右到左

text-align標籤:水平對齊方式

left左對齊  right右對齊  center居中對齊  justify兩端對齊

vertical-align標籤垂直對齊方式

top 靠上方bottom靠下對齊 middle靠中對齊

text-indent標籤 縮排

letter-spacing:字元(abc)之間的距離

word-spacing:  字和字(hello和hi)之間的距離

line-height:設定行高,實際是調整行間距。

css字型屬性相關。

出處 css 參考手冊 說明 這個屬性允許對文字設定某種效果,如加下劃線。如果後代元素沒有自己的裝飾,祖先元素上設定的裝飾會 延伸 到後代元素中。不要求使用者 支援 blink。可能的值 描述 none 預設。定義標準的文字。underline 定義文字下的一條線。overline 定義文字上的一條...

css字型屬性相關。

出處 css 參考手冊 說明 這個屬性允許對文字設定某種效果,如加下劃線。如果後代元素沒有自己的裝飾,祖先元素上設定的裝飾會 延伸 到後代元素中。不要求使用者 支援 blink。可能的值 描述 none 預設。定義標準的文字。underline 定義文字下的一條線。overline 定義文字上的一條...

css樣式字型相關屬性及背景相關屬性

css樣式 在外部新建乙個css樣式,在網頁檔案中新增 stylesheet type text css href style.css css之字型相關屬性 字型大小 font size 2px 2 smaller larger 相對于父視窗 字型樣式 font family 微軟雅黑,宋體 當瀏覽...