CSS2--字體樣式

## CSS2 字體樣式
##### font-family 字體族
-?規定元素的字體系列
-?把多個字體作為一個"回退"系統保存.保證瀏覽器的支持
-?````Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif````

##### font 字體類型
-?襯線字體(serif):在字的筆劃開始及結束的地方有額外的裝飾
-?非襯線字體(sans-serif) : 沒有額外的裝飾,筆劃粗細大致差不多。用于嚴肅場景
-?等寬字體??monospace
-?草書字體??cursive
-?虛幻字體??fantasy

##### font-size 設置字體大小

????- medium 默認值。一般瀏覽器默認是16px. chrome最小支持到12px
????- smaller 把 font-size 設置為比父元素更小的尺寸。
????- larger??把 font-size 設置為比父元素更大的尺寸。
????- length??把 font-size 設置為一個固定的值(常用)。單位px
????- %???把 font-size 設置為基于父元素的一個百分比值。
????- 可繼承
-?注意:font-size 會影響 line-height 屬性 進而影響一行中基線的位置

##### font-style 字體樣式

????- normal??默認值。瀏覽器顯示一個標準的字體樣式。
????- italic??瀏覽器會顯示一個斜體的字體樣式。?
????- oblique 瀏覽器會顯示一個傾斜的字體樣式。
????- 可繼承

##### font-weight 字體的粗細

????- normal 默認值。定義標準的字符。?
????- bold 定義粗體字符。 常用
????- bolder 定義更粗的字符。
????- lighter 定義更細的字符。?
????- 可繼承

##### font-variant 小型大寫字母字體

????- normal 默認值。瀏覽器會顯示一個標準的字體。?
????- small-caps 瀏覽器會顯示小型大寫字母的字體。
????- 可繼承

##### font簡寫
-?常見寫法 font:字體樣式 小型大寫字母 字體粗細 字體大小/行高 字體族(多個)??


轉載于:https://www.cnblogs.com/huifang/p/7341860.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/252125.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/252125.shtml
英文地址,請注明出處:http://en.pswp.cn/news/252125.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

虛擬機中訪問連接在物理機上的攝像機(使用橋接)

最近在使用攝像機SDK做開發,開發好之后物理機上沒有環境,所以弄了個虛擬機進行測試,就如何在虛擬機中連接攝像機做下記錄。 步驟 1.物理機上對虛擬機的適配器和攝像機的適配器設置為相同網段并進行橋接(注意與攝像機網…

Halcon:手眼標定——眼在手外與眼在手上

為什么需要九點標定? 為了得到機械和相機的關系,就好比人的手和眼的關系。我們用手將一個物體放到空間的一個位置,用眼看到這個物體,這也存在兩個坐標系,一個是手所在的運動空間的坐標系,一個是視網膜上成像…

grep 正則匹配

\{0,n\}:至多n次 \{\ 匹配/etc/passwd文件中數字出現只是數字1次到3次 匹配/etc/grub2.cfg文件以一個空格開頭匹配一個字符的文件的所有行 顯示以LISTEN結尾的行 顯示匹配右邊以LISTEN結尾匹配一個或者多個空格的所有輸出 分組及引用:講一個或者多個字符…

解決bash: mysql: command not found 的方法

rootDB-02 ~]# MySQL -u root-bash: mysql: command not found 原因:這是由于系統默認會查找/usr/bin下的命令,如果這個命令不在這個目錄下,當然會找不到命令,我們需要做的就是映射一個鏈接到/usr/bin目錄下,相當于建立一個鏈接文…

C#調用 Halcon引擎執行代碼

Halcon引擎可以直接執行halcon代碼,把halcon程序當做C#的一個方法來調用,這樣可以減輕C#這邊的程序負擔,而且可以避免內在泄露等bug的出現。還有一種好處是方便調試視覺代碼,你只需要啟動halcon&#xff0c…

面試時如何優雅地自我介紹?

閱讀本文大概需要 3.4 分鐘。 1.題記 有讀者提問:如何在面試當中做一個最好的自我介紹? 結合了一下自己面試以及面試別人(模擬面試)的一些經驗,簡單總結了幾點,供大家參考。 2.為什么要自我介紹 在面試官要…

Cache的一些總結

輸出緩存 這是最簡單的緩存類型,它保存發送到客戶端的頁面副本,當下一個客戶端發送相同的頁面請求時,此頁面不會重新生成(在緩存有限期內),而是從緩存中獲取該頁面;當然由于緩存過期或被回收&am…

thinkphp5.0學習(九):TP5.0視圖和模板

原文地址:http://blog.csdn.net/fight_tianer/article/details/78602711 一、視圖 1.加載頁面 1.繼承系統控制器類return $this->fetch(參數1,參數2,參數3,參數4);參數1(字符串):模板渲染參數…

C#中調用halcon引擎來執行hdev程序

調用halcon引擎有兩個直接的好處: 避免C# 與halcon代碼混編時可能產生的內存泄露問題 修改halcon程序時不用重新編譯C# 勇哥寫了一個示例,詳細的應用感受和缺點限制勇哥會持續做相關的總結給大家分享。 對于halcon17來說,要運行下面的程序…

Node.js Up and Runing 學習日記(八)

目錄 連接池基于一個簡單的Socker.io服務器連接池 生產環境通常由多種資源組成: web服務器,緩存服務器和數據庫服務器. 數據庫服務器通常部署在web服務器之外的獨立機器上,這使得面向公眾的網站不必重新配置和修改復雜的數據庫群就可以垂直增長了. 基于 為每一個請求創建一個甚…

036有效的數獨

1 #include "000庫函數.h"2 3 //一看&#xff0c;沒想出什么好法子&#xff0c;就遍歷了4 //最重要的是如何比較小九宮格的數據5 //44ms6 class Solution {7 public:8 bool isValidSudoku(vector<vector<char>>& board) {9 for (int i …

WinAPI——Windows 消息

消息值 注釋 WM_NULL$0000 WM_CREATE$0001 WM_DESTROY$0002 WM_MOVE$0003 WM_SIZE$0005 WM_ACTIVATE$0006 WM_SETFOCUS$0007 WM_KILLFOCUS$0008 WM_ENABLE$000A WM_SETREDRAW$000B WM_SETTEXT$000C WM_GETTEXT$000D WM_GETTEXTLENGTH$000E WM_PAINT$000F WM_CLOSE$0010 WM_QUER…

AciveMQ小結|最后有視頻

1 JMS 在介紹ActiveMQ之前&#xff0c;首先簡要介紹一下JMS規范。 1.1 JMS的基本構件 1&#xff0e;1&#xff0e;1 連接工廠 連接工廠是客戶用來創建連接的對象&#xff0c;例如ActiveMQ提供的ActiveMQConnectionFactory。 1&#xff0e;1&#xff0e;2 連接 JMS Connection封…

Build 2016: 發布明天的云創新來服務今天的開發者

每個企業和行業都在被云潛移默化地改變著。隨著云計算的速度、規模和靈活性的不斷增加&#xff0c;云服務帶來的可能性也在不斷被拓展。想象一下&#xff0c;通過監測傳感器&#xff0c;一位奶農能夠將他的奶牛牛奶產量提高&#xff1b;或是一家醫院能夠自動監測環境衛生狀況&a…

禁用JavaScript之后,你的網站表現如何?

禁用JavaScript之后&#xff0c;你的網站表現如何&#xff1f;一最近要做一個新官網&#xff0c;需求評審完之后&#xff0c;考慮到官網都是純靜態頁面&#xff0c;功能簡單&#xff0c;操起vue-cli3幾秒內創建好了項目腳手架&#xff0c;開發前&#xff0c;我打開了首頁模板文…

C# 使用 Windows API 操作控件: SendMessage

在C#中&#xff0c;程序采用了的驅動采用了事件驅動而不是原來的消息驅動&#xff0c;雖然.net框架提供的事件已經十分豐富&#xff0c;但是在以前的系統中定義了豐富的消息對系統的編程提供了方便的實現方法&#xff0c;因此在C#中使用消息有時候還是大大提高編程的效率的。定…

對類的理解:

在public class First 表示如果一個類的聲明為public&#xff0c;要求該類的類名必須和文件保持一致。在編譯 源文件時&#xff0c;讓雨果源文件中定義了多個類&#xff0c;那么每個類會形成*.class 文件&#xff0c;執行是&#xff0c;通過Java類名&#xff0c;運行的的是該類…

概率論

概率論轉載于:https://www.cnblogs.com/zengkefu/p/7357249.html

Hive安裝中遇到過的坑

實現說明每一個用戶的環境都有細微的不一致&#xff0c;所以這里只是個人經過這些坑的處理&#xff0c;但是不意味著所有處理都是這樣的操作&#xff0c;僅作為參考。 第一個坑 數據庫安裝&#xff0c;數據庫最好裝在Linux上&#xff0c;一直出了很多錯&#xff0c;這里有一個博…

Halcon:模版匹配

一&#xff1a;函數介紹 1.創建模板 create_shape_model(Template : : NumLevels, AngleStart, AngleExtent, AngleStep, Optimization, Metric, Contrast, MinContrast : ModelID) Template &#xff1a;模板圖像 NumLevels&#xff1a;圖像金字塔級數&#xff0c;該值越小…