day7

1.CSS字體樣式屬性

1崇堰、font-size:字號(hào)大小;比如p { font-size: 32px; }

2海诲、font-family:字體 比如p{ font-family:"微軟雅黑";}

可以同時(shí)指定多個(gè)字體繁莹,中間以逗號(hào)隔開,表示如果瀏覽器不支持第一個(gè)字體特幔,則會(huì)嘗試下一個(gè)咨演,直到找到合適的字體。如果字體名稱包含空格或中文蚯斯,則應(yīng)使用引號(hào)括起薄风。

使用font-family設(shè)置字體時(shí),需要注意以下幾點(diǎn):

各種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開拍嵌。

中文字體需要加英文狀態(tài)下的引號(hào)遭赂,英文字體一般不需要加引號(hào)。當(dāng)需要設(shè)置英文字體時(shí)横辆,英文字體名必須位于中文字體名之前撇他。

如果字體名中包含空格、#狈蚤、$等符號(hào)困肩,則該字體必須加英文狀態(tài)下的單引號(hào)或雙引號(hào),例如font-family: "Times New Roman";炫惩。

3.font-weight:字體粗細(xì)

font-weight屬性用于定義字體的粗細(xì)僻弹,其可用屬性值:normal、bold他嚷、bolder蹋绽、lighter、100~900(100的整數(shù)倍)筋蓖,有繼承性卸耘。

4、font-style:字體風(fēng)格

font-style屬性用于定義字體風(fēng)格粘咖,如設(shè)置斜體蚣抗、傾斜或正常字體,其可用屬性值如下:

normal:默認(rèn)值瓮下,瀏覽器會(huì)顯示標(biāo)準(zhǔn)的字體樣式翰铡。

italic:瀏覽器會(huì)使用斜體的字體樣式顯示,如果字體沒有斜體讽坏,那么正常顯示字體锭魔。

oblique:瀏覽器會(huì)讓文字傾斜顯示。

5路呜、font:綜合設(shè)置字體樣式

使用font屬性時(shí)迷捧,必須按選擇器{font: font-style? font-weight? font-size/line-height? font-family;}順序書寫织咧。各個(gè)屬性以空格隔開。其中不需要設(shè)置的屬性可以省略(取默認(rèn)值)漠秋,但必須保留font-size和font-family屬性笙蒙,否則font屬性將不起作用。

2.CSS文本外觀屬性

1庆锦、color:文本顏色

2捅位、letter-spacing:字間距

3、word-spacing:單詞間距

4肥荔、line-height:行間距

5绿渣、text-decoration:文本裝飾

6、text-align:水平對(duì)齊方式

7燕耿、text-indent:首行縮進(jìn)

8中符、white-space:空白符處理

9、word-break:自動(dòng)換行

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末誉帅,一起剝皮案震驚了整個(gè)濱河市淀散,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蚜锨,老刑警劉巖档插,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異亚再,居然都是意外死亡郭膛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門氛悬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來则剃,“玉大人,你說我怎么就攤上這事如捅」飨郑” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵镜遣,是天一觀的道長(zhǎng)己肮。 經(jīng)常有香客問我,道長(zhǎng)悲关,這世上最難降的妖魔是什么谎僻? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮寓辱,結(jié)果婚禮上艘绍,老公的妹妹穿的比我還像新娘。我一直安慰自己讶舰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著跳昼,像睡著了一般般甲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鹅颊,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天敷存,我揣著相機(jī)與錄音,去河邊找鬼堪伍。 笑死锚烦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的帝雇。 我是一名探鬼主播涮俄,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼尸闸!你這毒婦竟也來了彻亲?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤吮廉,失蹤者是張志新(化名)和其女友劉穎苞尝,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體宦芦,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宙址,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了调卑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片抡砂。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖令野,靈堂內(nèi)的尸體忽然破棺而出舀患,到底是詐尸還是另有隱情,我是刑警寧澤气破,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布聊浅,位于F島的核電站,受9級(jí)特大地震影響现使,放射性物質(zhì)發(fā)生泄漏低匙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一碳锈、第九天 我趴在偏房一處隱蔽的房頂上張望顽冶。 院中可真熱鬧,春花似錦售碳、人聲如沸强重。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽间景。三九已至佃声,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間倘要,已是汗流浹背圾亏。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留封拧,地道東北人志鹃。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像泽西,于是被迫代替她去往敵國(guó)和親曹铃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 請(qǐng)各位讀者添加一下作者的微信公眾號(hào)尝苇,以后有新的文章铛只,將在微信公眾號(hào)直接推送給各位,非常感謝糠溜。 如果您覺得這篇文章還...
    MR_LIXP閱讀 2,816評(píng)論 1 9
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素淳玩;行內(nèi)(內(nèi)聯(lián)、inline-level)元素非竿。 塊元素的...
    饑人谷_小侯閱讀 2,006評(píng)論 1 4
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要M勺拧!:熘)繼承承匣、特殊性、層疊锤悄、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,086評(píng)論 0 40
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表韧骗,主要用...
    寥寥十一閱讀 1,833評(píng)論 0 6
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,227評(píng)論 0 5