css字型 文字屬性和元素顯示模式

2021-10-12 05:19:30 字數 1606 閱讀 9058

一、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...