css字體和背景顏色

我們都知道在css中對字體的設(shè)置有字號(font-size),字體(font-family)大渤。對字號我們并不陌生刻剥。下面我們來說一下字體剔应。

一助赞、字體font-family

1.網(wǎng)頁中不是所有字體都能用哦效斑,因?yàn)檫@個(gè)字體要看用戶的電腦里面裝沒裝非春,比如你設(shè)置:

1font-family: "華文彩云";

如果用戶電腦里面沒有這個(gè)字體,那么就會變成宋體缓屠。

在網(wǎng)頁中奇昙,我們只使用:微軟雅黑,黑體敌完,宋體储耐,對應(yīng)的英語為:Arial,Times New Roman滨溉。如果頁面中需要其他字體什湘,則需要切圖。

2.為了防止用戶電腦里面晦攒,沒有微軟雅黑這個(gè)字體闽撤。就要用英語的逗號,隔開備選字體脯颜,

就是說如果用戶電腦里面哟旗,沒有安裝微軟雅黑字體,那么就是宋體:

1font-family: "微軟雅黑","宋體";

備選字體可以有無數(shù)個(gè)栋操,用逗號隔開闸餐。

3.如果在一個(gè)頁面中既需要設(shè)置英語字體,又需要設(shè)置中文字體.

我們要將英語字體讼庇,放在最前面绎巨,這樣所有的中文,就不能匹配英語字體蠕啄,就自動的變?yōu)楹竺娴闹形淖煮w

1font-family: "Times New Roman","微軟雅黑","宋體";

4.所有的中文字體场勤,都有英語別名,我們也要知道

微軟雅黑的英語別名:

1font-family: "Microsoft YaHei";

宋體的英語別名:

1font-family: "SimSun";

我們可以通過一句代碼來設(shè)置字號歼跟,行高和字體

運(yùn)行結(jié)果:

font:16px/20px "Times New Roman","微軟雅黑","宋體";表示的意思是字號位16px和媳,行高為20px,英文字體為"Times New Roman",如果電腦里有微軟雅黑字體哈街,中文字體會自動匹配為微軟雅黑留瞳,否則為宋體

下面我們來看一下,頁面的背景顏色

二骚秦、背景顏色(background-color)

css的背景顏色有3中表示方法她倘,分別是英語單詞璧微,rgb,十六進(jìn)制

用這三種方式表示紅色:

background-color:red;

background-color: rgb(255,0,0);

background-color: #ff0000;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末硬梁,一起剝皮案震驚了整個(gè)濱河市前硫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌荧止,老刑警劉巖屹电,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異跃巡,居然都是意外死亡危号,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門素邪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來外莲,“玉大人,你說我怎么就攤上這事娘香〔哉” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵烘绽,是天一觀的道長淋昭。 經(jīng)常有香客問我,道長安接,這世上最難降的妖魔是什么翔忽? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮盏檐,結(jié)果婚禮上歇式,老公的妹妹穿的比我還像新娘。我一直安慰自己胡野,他們只是感情好材失,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著硫豆,像睡著了一般龙巨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上熊响,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天旨别,我揣著相機(jī)與錄音,去河邊找鬼汗茄。 笑死秸弛,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播递览,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼叼屠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了非迹?” 一聲冷哼從身側(cè)響起环鲤,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎憎兽,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吵冒,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡纯命,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了痹栖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片亿汞。...
    茶點(diǎn)故事閱讀 39,919評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖揪阿,靈堂內(nèi)的尸體忽然破棺而出疗我,到底是詐尸還是另有隱情,我是刑警寧澤南捂,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布吴裤,位于F島的核電站,受9級特大地震影響溺健,放射性物質(zhì)發(fā)生泄漏麦牺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一鞭缭、第九天 我趴在偏房一處隱蔽的房頂上張望剖膳。 院中可真熱鬧,春花似錦岭辣、人聲如沸吱晒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仑濒。三九已至,卻和暖如春搞动,著一層夾襖步出監(jiān)牢的瞬間躏精,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工鹦肿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矗烛,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像瞭吃,于是被迫代替她去往敵國和親碌嘀。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評論 2 354

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

  • 行高和字號 行高CSS中,所有的行和蚪,都有行高止状,盒模型的padding,絕對不是直接作用在文字上的,而是作用在行上的...
    flowerflower閱讀 761評論 1 2
  • 一攒霹、概念 參考網(wǎng)頁字體Serif和Sans-serif的區(qū)別及瀏覽器字體的設(shè)置CSS Font知識整理總結(jié) 1.F...
    合肥黑閱讀 6,197評論 0 12
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要G影獭!4呤)繼承集峦、特殊性、層疊抠刺、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,083評論 0 40
  • 大家都知道塔淤,在不同操作系統(tǒng)、不同游覽器里面默認(rèn)顯示的字體是不一樣的速妖,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 1,919評論 0 7
  • 這個(gè)50平米左右的一房一廳高蜂,我住了剛好一年。 因?yàn)閷I(yè)的原因买优,呆在家的時(shí)間很長妨马,我和這個(gè)小房子獨(dú)處的時(shí)間濃度很高。...
    IGN閱讀 233評論 0 0