一队贱、文本樣式:
font_size用來(lái)指定文字的大小
font-family 可以指定標(biāo)簽中文字使用的字體降铸,也可以同時(shí)指定多個(gè)字體
一般來(lái)說(shuō)只有用戶(hù)計(jì)算機(jī)中安裝了我們指定的字體時(shí),它才會(huì)顯示偷线,否則這行代碼是沒(méi)有意義的
字體分類(lèi):
serif(襯線字體)
sans-serif(非襯線字體)
monospace(草書(shū)字體)
fantasy(虛幻字體)
斜體和粗體:
1. font-style用來(lái)指定文本的斜體
指定斜體:font-style:italic
2.指定非斜體磨确;font-style;normal
font-weight用來(lái)指定文本的粗體
指定粗體:font-weight:bold
指定非粗體声邦;font-weight:normal
小型大寫(xiě)字母:
font-variant屬性可以將字母類(lèi)型設(shè)置為小型大寫(xiě)乏奥。在該樣式中,字母看起來(lái)像是稍微小了尺寸的大寫(xiě)字母
font-variant:samll-caps
字體屬性的簡(jiǎn)寫(xiě):
font可以一次性同時(shí)設(shè)置多個(gè)字體的樣式
語(yǔ)法:font: 加粗 斜體 小型大寫(xiě) 大小/行高 字體
這里前邊幾個(gè)加粗亥曹、斜體和小型大寫(xiě)的順序無(wú)所謂英融,也可以不寫(xiě),但是大小和字體必須寫(xiě)且必須寫(xiě)到后兩個(gè)
行間距:
line-height 用于設(shè)置行高歇式,行高越大則行間距越大
行間距 = line-height-font-size
大寫(xiě)化:
text-transfrom樣式用于將元素中的字母全都變成大寫(xiě)
大寫(xiě):text-transform:uppercase
小寫(xiě): text-transform:lowercase
首字母大寫(xiě):text-transform:capitalize
正常:text-transform:none
文本的修飾
text-decoration屬性,用來(lái)給文本添加各種修飾胡野。通過(guò)它可以為文本的上方材失、下方或者中間添加線條
可選值:
underline
overline
line-through
none
字母間距和單詞間距:
letter-spacing用來(lái)設(shè)置字符之間的間距
word-spacing用來(lái)設(shè)置單詞之間的間距
這兩個(gè)屬性都可以直接指定一個(gè)長(zhǎng)度或百分?jǐn)?shù)作為值。正數(shù)代表的是增加距離硫豆,而負(fù)數(shù)代表減少距離龙巨。
對(duì)齊文本:
text-aligh用于設(shè)置文本的對(duì)齊方式
可選值:
left: 左對(duì)齊
right:r右對(duì)齊
justify:兩邊對(duì)齊
center:居中對(duì)齊
首行縮進(jìn)
text-indent用來(lái)設(shè)置首行縮進(jìn)
該樣式需要指定一個(gè)長(zhǎng)度,并且只對(duì)第一行生效
二熊响、盒子模型:
一 個(gè)盒子我們分成幾個(gè)部分
內(nèi)容區(qū)(content)
內(nèi)邊距(padding)
邊框(border)
外邊框(margin)
內(nèi)容區(qū):
通過(guò)width和height兩個(gè)屬性可以設(shè)置內(nèi)容區(qū)的大小
width和height屬性只適用于塊元素
內(nèi)邊距:
使用padding屬性來(lái)設(shè)置元素的內(nèi)邊距
例如:
padding:10px 20px 30px 40px
這樣設(shè)置元素的上旨别、右、下汗茄、左四個(gè)方向的內(nèi)邊距
邊框:
可以在元素周?chē)鷦?chuàng)建邊框秸弛,邊框是元素可見(jiàn)框的最外部
可以使用border屬性來(lái)設(shè)置盒子的邊框
邊框的樣式:
none(沒(méi)有邊框)
dotted(點(diǎn)線)
dashed(虛線)
solid(實(shí)線)
double(雙線)
groove(槽線)
ridge(脊線)
inset(凹邊)
outset(凸邊)
外邊距:
外邊距是元素邊框與周?chē)叵嗑嗟目臻g
使用margin屬性可以設(shè)置外邊距
當(dāng)將左右外邊距設(shè)置為auto時(shí),預(yù)覽器會(huì)將左右外邊距設(shè)置為相等洪碳,可以使元素居中