摘要:一樣式規(guī)則基本結(jié)構(gòu)二字體字號(hào)與字體字號(hào)大小字體宋體使用技巧網(wǎng)頁中普遍使用字號(hào)盡量使用偶數(shù)的字號(hào)使用多個(gè)字體,字體間用逗號(hào)隔開,中文字體需加引號(hào),英文字體可以不加,英文字體放在中文字體之前字體有空格要加引號(hào)盡量使用默認(rèn)字體字體對(duì)于不支持
一、CSS樣式規(guī)則
1、基本結(jié)構(gòu)
h1{
color: orange;
}
二、font字體
1、字號(hào)與字體
font-size: 字號(hào)大小
?
font-family: 字體 font-family: "宋體";
?
使用技巧:
網(wǎng)頁中普遍使用14px 字號(hào);
盡量使用偶數(shù)的字號(hào);
使用多個(gè)字體,字體間用“,”逗號(hào)隔開,中文字體需加引號(hào),英文字體可以不加,
英文字體放在中文字體之前,字體有空格要加引號(hào);
盡量使用默認(rèn)字體;
?
2、unicode字體
對(duì)于不支持中文字體
方案一、可以用使用英文來替代,如font-family: "Microsoft Yahei";
方案二、在css直接使用unicode 編碼來寫字體名稱可以避免這些錯(cuò)誤,使用unicode寫
中文字體,瀏覽器可以正確解析 如: font-family:"5FAE8F6F96C59ED1"; 表示設(shè)置字體為“微軟雅黑”
注:盡量寫宋體、微軟雅黑
?
3、Css注釋
/*注釋內(nèi)容*/
?
4、字體加粗
font-weight: 字體粗細(xì)
font-weight: bold;字體加粗 700=blod nomal=400 盡量使用數(shù)字
?
5、字體傾斜
font-style: 字體風(fēng)格
默認(rèn)值: normal 正常 italic 傾斜
注:平時(shí)我們很少讓字體傾斜,反而讓傾斜的字體變成普通模式
?
6、font綜合設(shè)置字體樣式(重點(diǎn))
選擇器{font: font-style font-weight font-size/line-height font-family}
如:font{italic bold 14px "微軟雅黑"}/*font 綜合寫法 更簡潔*/
注:必須按照這個(gè)順序?qū)懀仨毐A鬴ont-size,font-family屬性否則不起作用
?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1194.html
摘要:可以直接在這里查看至于的開源就不多說了。官網(wǎng)一個(gè)庫的官網(wǎng)永遠(yuǎn)是了解它最新進(jìn)展和學(xué)習(xí)資料的首選網(wǎng)站。比如下面我們就拿舉例分析下它的源碼。不解釋,你可以直接拿過去改吧改吧用在你自己的庫里。 上節(jié)課我們說了寫一個(gè)庫的準(zhǔn)備,但是這節(jié)課并不是寫庫為什么,有句話叫你沒吃過豬肉還沒看過豬走。所以我們先看看別人的庫是怎么寫的。在我們擁有了足夠扎實(shí)的基礎(chǔ)之后我們要做的不是閉門造車,而是去閱讀一些知名的庫...
摘要:寫一個(gè)正則表達(dá)式來測試變量中是否包含字符串。用函數(shù)給出不使用字符,但和等價(jià)的正則表達(dá)式。第十四課標(biāo)志全局匹配標(biāo)志第二個(gè)常用的標(biāo)志是全局匹配標(biāo)志,用字母表示。寫出一個(gè)正則表達(dá)式來檢驗(yàn)合法性。非捕獲組的主要用途是給一個(gè)組賦予量詞。 TRY REGEX 是一個(gè)交互式的正則表達(dá)式學(xué)習(xí)項(xiàng)目項(xiàng)目地址:https://github.com/callumacra...在線地址:http://tryre...
摘要:可以是數(shù)字,關(guān)鍵詞或公式十一目標(biāo)偽類選擇器器目標(biāo)偽類選擇器選擇器可用于選取當(dāng)前活動(dòng)的目標(biāo)元素基礎(chǔ)選擇器一、標(biāo)簽選擇器(元素選擇器)標(biāo)簽選擇器是指用HTML標(biāo)簽名稱作為選擇器,按標(biāo)簽名稱分類語法:標(biāo)簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進(jìn)行選擇 三、css命名規(guī)范1、長名稱或詞組可以使用中橫線來為選擇器命名2、不建議使用_下...
摘要:在中渲染樹中的每個(gè)節(jié)點(diǎn)即是一個(gè)渲染器或者渲染器對(duì)象。計(jì)算的樣式每個(gè)渲染器對(duì)象代表一個(gè)矩形區(qū)域通常是和一個(gè)節(jié)點(diǎn)的盒模型相對(duì)應(yīng)。坐標(biāo)系統(tǒng)是相對(duì)于根渲染器的。根渲染器的定位為和大小即為瀏覽器窗口的可視化部分比如。渲染器作廢其在屏幕上的矩形區(qū)域。 原文請(qǐng)查閱這里,略有刪減,本文采用知識(shí)共享署名 4.0 國際許可協(xié)議共享,BY Troland。 本系列持續(xù)更新中,Github 地址請(qǐng)查閱這里。 ...
閱讀 2597·2021-09-29 09:34
閱讀 3414·2021-09-23 11:21
閱讀 2593·2021-09-06 15:00
閱讀 1180·2019-08-30 15:44
閱讀 2091·2019-08-29 17:23
閱讀 3082·2019-08-29 16:44
閱讀 3119·2019-08-29 13:13
閱讀 2034·2019-08-28 18:12