文字大小,文字型別,文字粗細,文字的傾斜,行高,文字下劃線,文字中劃線,顏色,縮排,水平對齊,垂直居中,字元間距
字元屬性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 注釋是不能包含注釋的。例如...