第十一課 CSS介紹與font字體 css學習1

jerryloveemily 發布于2019-04-23 11:48 / 1363人閱讀

摘要：一樣式規則基本結構二字體字號與字體字號大小字體宋體使用技巧網頁中普遍使用字號盡量使用偶數的字號使用多個字體，字體間用逗號隔開，中文字體需加引號，英文字體可以不加，英文字體放在中文字體之前字體有空格要加引號盡量使用默認字體字體對于不支持

一、CSS樣式規則

1、基本結構

二、font字體

1、字號與字體

font-size: 字號大小

font-family: 字體 font-family: "宋體";

使用技巧：

網頁中普遍使用14px 字號；

盡量使用偶數的字號；

使用多個字體，字體間用“,”逗號隔開，中文字體需加引號，英文字體可以不加，

英文字體放在中文字體之前,字體有空格要加引號；

盡量使用默認字體；

2、unicode字體

對于不支持中文字體

方案一、可以用使用英文來替代，如font-family: "Microsoft Yahei";

方案二、在css直接使用unicode 編碼來寫字體名稱可以避免這些錯誤，使用unicode寫

中文字體，瀏覽器可以正確解析如: font-family:"5FAE8F6F96C59ED1"; 表示設置字體為“微軟雅黑”

注：盡量寫宋體、微軟雅黑

3、Css注釋

/*注釋內容*/

4、字體加粗

font-weight: 字體粗細

font-weight: bold;字體加粗 700=blod nomal=400 盡量使用數字

5、字體傾斜

font-style: 字體風格

默認值： normal 正常 italic 傾斜

注：平時我們很少讓字體傾斜，反而讓傾斜的字體變成普通模式

6、font綜合設置字體樣式（重點）

選擇器{font: font-style font-weight font-size/line-height font-family}

如：font{italic bold 14px "微軟雅黑"}/*font 綜合寫法更簡潔*/

注：必須按照這個順序寫，必須保留font-size,font-family屬性否則不起作用

GPU云服務器云服務器第十一課 css介紹 css字體庫第十一篇

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1194.html

體驗javascript之美-第十一課-jquery源碼分析

摘要：可以直接在這里查看至于的開源就不多說了。官網一個庫的官網永遠是了解它最新進展和學習資料的首選網站。比如下面我們就拿舉例分析下它的源碼。不解釋，你可以直接拿過去改吧改吧用在你自己的庫里。上節課我們說了寫一個庫的準備，但是這節課并不是寫庫為什么，有句話叫你沒吃過豬肉還沒看過豬走。所以我們先看看別人的庫是怎么寫的。在我們擁有了足夠扎實的基礎之后我們要做的不是閉門造車，而是去閱讀一些知名的庫...

王晗 2019-08-20 16:12 評論0 收藏0
TRY REGEX：正則表達式交互式入門教程翻譯&解答

摘要：寫一個正則表達式來測試變量中是否包含字符串。用函數給出不使用字符，但和等價的正則表達式。第十四課標志全局匹配標志第二個常用的標志是全局匹配標志，用字母表示。寫出一個正則表達式來檢驗合法性。非捕獲組的主要用途是給一個組賦予量詞。 TRY REGEX 是一個交互式的正則表達式學習項目項目地址：https://github.com/callumacra...在線地址：http://tryre...

李義 2019-08-20 14:18 評論0 收藏0
第十二課 CSS基本選擇器 css學習2

摘要：可以是數字，關鍵詞或公式十一目標偽類選擇器器目標偽類選擇器選擇器可用于選取當前活動的目標元素基礎選擇器一、標簽選擇器（元素選擇器）標簽選擇器是指用HTML標簽名稱作為選擇器，按標簽名稱分類語法：標簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進行選擇三、css命名規范1、長名稱或詞組可以使用中橫線來為選擇器命名2、不建議使用_下...

khs1994 2019-04-23 11:48 評論0 收藏0
JavaScript 工作原理之十一－渲染引擎及性能優化小技巧

摘要：在中渲染樹中的每個節點即是一個渲染器或者渲染器對象。計算的樣式每個渲染器對象代表一個矩形區域通常是和一個節點的盒模型相對應。坐標系統是相對于根渲染器的。根渲染器的定位為和大小即為瀏覽器窗口的可視化部分比如。渲染器作廢其在屏幕上的矩形區域。原文請查閱這里，略有刪減，本文采用知識共享署名 4.0 國際許可協議共享，BY Troland。本系列持續更新中，Github 地址請查閱這里。 ...

GraphQuery 2019-08-02 16:03 評論0 收藏0