html文字的相關屬性

2021-10-05 05:04:53 字數 1403 閱讀 3646

文字大小,文字型別,文字粗細,文字的傾斜,行高,文字下劃線,文字中劃線,顏色,縮排,水平對齊,垂直居中,字元間距

字元屬性font

font

:font-style font-weight font-size/line-height font-family;

font-style

:字型形態 nomal 正常/italic 斜體

font-weight

: 字型粗細 100-900 400 正常 >400粗

<400細 / 英文單詞 400 相當於 normal 預設值

bold 粗 相當於600 bolder light lighter(了解)

font-size

:字型大小 px (掌握) / % / em

(父元素字型大小) /rem (了解)

line-height 行高

font-family:字型 字型家族

建議:用css控制元素樣式 不要用標籤去實現

文字相關屬性一般都是可以繼承的 font-,line-,text-,color,list-都可以父傳子,但是當你給子元素單獨設定這些屬性的時候,你設定的那個值一定會覆蓋繼承下來的屬性

設定元素屬性的優先順序:

繼承性屬性<*行高line-height

line-height=盒子高度時 使單行文字垂直居中

單位: px / 數值1.5 or 2 / %

1.5的含義是字型大小的1.5

% 的含義是字型大小的%倍

font-family

:"楷體","微軟雅黑","times new roman",arial;

同時宣告多個字型 每個字型以,隔開

中文字元或者幾個英文單詞組成的字型 要加「」 or 『』引起來,如果字型僅僅只有乙個英文單詞那就可以不用引起來

依次向下找 如果有則解析 如果沒有就繼續向下找

盡量不要出現中文漢字 以免亂碼 你要寫這個字型對應的英文名字或者unicode編碼符號

文字修飾屬性

text-decoration

:overline上劃線/underline下劃線/ line-through中劃線/none無線

縮排屬性
text-indent

:px/ em / rem;

+ 向右縮排

- 向左縮排

-

字元間距
letter-spacing

:px;

文字水平居中
text-align

:left/right/center;

不光可以居中文字還可以居中,因為具有文字的特性

html文字屬性

text indent 首行縮排 white space nowrap 強制顯示在一行 text overflow clip直接切割 ellipsis 用。overflow hidden 超出部分隱藏 text align 文字對齊方式 text decoration 字型劃線 none 沒有 un...

文字相關的屬性

一 text decoration屬性 文字樣式 下劃線 刪除線 上刪除線 1.下劃線 underline 我是段落 2.刪除線 line through 我是段落 3.上刪除線 overline 我是段落 4.無 none 我是段落1 我是段落1 效果圖 二 text align屬性 文字水平對齊...

HTML的相關標記和屬性

測試換行標記,使用br來換行 解釋說明自己編寫的html 是什麼含義 為了讓被人能看懂 為了讓以後的自己還能看懂 特徵 不會被執行 可以利用注釋不會被執行的特點來除錯頁面。例如 用法 一般寫在html 的上面,表示說明下面的 還含義。在除錯頁面的時候可以用來注釋掉html 注釋是不能包含注釋的。例如...