一、css中的字型屬性
(1)font-family 定義文字的字型系列
如:p
(2)font-size 定義字型大小
如:p
(3)font-weight 定義字型粗細
p
/*注意:normal預設值(不加粗)bold(定義粗體)加粗的;400等同於normal,700*/
(4) font- style定義字型風格樣式
如:p
/*normal 預設值,瀏覽器會顯示出標準的字型樣式;*/
/*italic 瀏覽器會顯示斜體的字型樣式*/
(5) 復合屬性
如 p
/*注意:順序不能顛倒,font-size和font-family不可以省略,剩下的幾個屬性可以省*/
/*line-height:如果沒有單位(px)則行高表示為當前文字的幾倍
*/
二、文字屬性
(1) 文字對齊
如 div
屬性值:left、right、center
(2) 裝飾文字
如 div
屬性值:none(預設,沒有裝飾線)
underline(下劃線 )
overline(上劃線)
line-through(刪除線)
(3) 文字縮排
如 div
(4) 文字顏色
div
三、元素顯示模式:元素(標籤)以什麼方式進行顯示
(1) 塊元素
常見的塊元素:>
~>
、>
、>
、>
、>
、>
注意:文字類元素不能使用塊級元素;如>
、>
~>
都不能放塊級元素,特別注意>
中不能放>
特點:
a.比較霸道,自己獨佔一行
b.高度、寬度、外邊距以及內邊距都可以控制
c.寬度預設是容器的(父級寬度)100%
d.是乙個容器及盒子,裡面可以放行內或者塊級元素
(2) 行內元素
常見的行內元素:>
、>
、>
、>
、>
、>
、>
、>
、>
特點:
a.相鄰行內元素在一行上,一行可以顯示多個
b.高、寬直接設定是無效的
c.預設寬度就是它本身內容的寬度
d.行內元素只能容納文字或其他行內元素
(3) 行內塊元素
可以設定寬度、高度;預設的寬度就是本身內容的寬度;一行放多個行內塊元素
裝換為塊元素:display:block;
轉換為行內元素:display:inline;
裝換為行內塊:display:inline-block;
CSS字型屬性 文字屬性(4)
css字型屬性定義文字的字型系列 大小 加粗 風格 如斜體 和變形 如小型大寫字母 字型屬性 font family 定義文字的字型系列 用逗號分隔,將值用雙引號引起來 微軟雅黑 黑體 宋體 font size 設定文字的大小 預設大小16px font style 定義文字的字型樣式 值itali...
CSS 字型屬性與文字屬性
二 text系列 文字屬性 記錄了一些學習css 層疊樣式表 過程當中的學習筆記 在css中,常對文字的字型進行如下四種的編輯 字型屬性 表示字型系列 font family 字型大小 font size 字型粗細 font weight 字型樣式 font style p 通過font famil...
CSS字型屬性和文字屬性
字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...