CSS進階(十四)font-family
font-family
font-family: serif; /* 襯線字體 */ font-family: sans-serif; /* 無襯線字體 */
font-family支持字體族及字體名。如果字體名包含空格,需要使用引號包起來。如‘Microsoft Yahei‘(無襯線字體)
等寬字體的實踐價值
等寬字體利於代碼呈現
ch單位與等寬字體布局
和 ch 相關的字符是 0,沒 錯,就是阿拉伯數字 0。1ch 表示一個 0 字符的寬度,所以 6 個 0 所占據的寬度就是 6ch
中英文字體
(1)windows
(2)OS
(3)Office 軟件安裝新增中文字體和對應英文名稱
(4)其他中文字體
CSS font-family 對名稱的大小寫不怎麽敏感,但最好至少首字母要大寫
CSS進階(十四)font-family
相關推薦
CSS進階(十四)font-family
中文 class 技術分享 png clas info pre 寬度 空格 font-family font-family: serif; /* 襯線字體 */ font-family: sans-serif; /* 無襯線字體 */ font-family支持字體族
CSS進階(十八)@font-face
@font-face { font-family: 'example'; src: url(example.ttf); font-style: normal; font-weight: normal; unicode-range: U+0025-00FF; font-variant: sma
CSS進階(十六)font
[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] font-size 和 font-family 這兩個屬性需要同時存在 注意 font中如果未聲命line-height
CSS進階(十五)font-weight;font-style;font-variant
/* 平常用的最多的 */ font-weight: normal; font-weight: bold; /* 相對於父級元素 */ font-weight: lighter; font-weight: bolder; /* 字重的精細控制 */ font-weight: 100; font-weig
CSS進階(十一)position:fixed
容器 hid ali overflow lin 元素 -a idt fixed 固定定位元素的包含快是根元素 類似於無依賴的絕對定位,利用無依賴的固定定位也可以在元素內部實現一個fixed定位 <div class="father"> <div cla
CSS進階(十九)文本控制
bre spa div 切換效果 nowrap align 分隔 下劃線 效果 text-indent 應用 (1)使用 text-indent 負值隱藏文本內容,例如網站標頭 (2)使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spac
java程式設計師菜鳥進階(十四)linux基礎入門(二)linux檔案及目錄命令管理
大家都知道,熟悉命令操作的開發人員,Linux作業系統命令操作效率要高於圖形介面的操作,所以瞭解和學習linux基本命令操作是學習linux作業系統的首要任務,本文主要介紹以下四個知識點: 1. She
CSS進階(十九)文字控制
text-indent 應用 (1)使用 text-indent 負值隱藏文字內容,例如網站標頭 (2)使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spacing 應用 (1)清除 inline-block 列表由於換行符或者空格產生的空白間隙,使我們的佈局控
CSS進階(十二)層疊上下文和層疊水平
z-index影響的是定位元素及flex盒子的孩子元素 層疊優先順序 層疊準則 (1)z-index大的在上 (2)同一層級下,後者覆蓋前者 層疊上下文 (1)頁面根元素是根層疊上下文 (2)對於position為absolute/relative以及firefox下position為fix
CSS進階(十)position:relative
ati 進階 最小化 相對 pan style 而不是 原則 round 定位位移相對於自身進行偏移定位 相對定位元素的 left/top/right/bottom 的百分比值是相對於包含塊計算的,而不是自身 與絕對定位元素的對立方向不同,top/bottom 同時使 用的
java程式設計師菜鳥進階(十六)linux基礎入門(四)linux下VIM文字編輯器使用
linux下編寫配置檔案最好的編輯工具莫過於vim了。Vim的功能實在太多太全,Vim的很多功能也許我們很少用得到,真正為大家常用的功能可能只佔到所有功能的冰山一角。Vim終歸只是一個編寫程式碼或編輯文件的工具,所以只要掌握一些足夠我們使用的功能即可。 做個廣告
java程式設計師菜鳥進階(十七)linux基礎入門(五)linux檔案/目錄的許可權和歸屬管理
在linux中的每一個檔案或目錄都包含有訪問許可權,這些訪問許可權決定了誰能訪問和如何訪問這些檔案和目錄。相應的每一個檔案和目錄都有所屬的屬主和屬組,合理的設定檔案和目錄的屬組和屬主在檔案/目錄管理中佔據著很重要的地位,所以,今天我就和大家一起來看一下有關檔案/目錄的許可權和歸屬的相關設定
java程式設計師菜鳥進階(十五)linux基礎入門(三)linux使用者和組管理
我們大家都知道,要登入linux作業系統,我們必須要有一個使用者名稱和密碼。每一個使用者都由一個惟一的身份來標識,這個標識叫做使用者ID.系統中的每一個使用者也至少需要屬於一個"使用者分組".同樣,使用者分組也是由一個惟一的身份來標識的,該標識叫做使用者分組ID(GID).每位使用者的許可
SQL Server進階(十五)常用函式
在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY IF EXISTS (SELECT 1 FROM Ta
SQL Server進階(十五)常用函數
mon har 標量 reat 類型 rom 入參 bold 常用函數 在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY
CSS進階(終章)—— CSS世界流向的掌控者direction和writing-mode
人往高處走,水往低處流,CSS世界亦是如此嗎?至今為止,我們討論的CSS似乎一直遵循不知從什麼時候就印在腦子裡的“從左往右,從上往下”原則。這可能和我們日常的讀寫順序相關,我們看文章的時候習慣從左往右,從上往下進行閱讀。然而CSS世界的流向並不是固定的,只需要幾條宣告,就可以改變C
【譯】索引進階(十二):SQL SERVER中的索引碎片【下篇】
div 外部 tor color 掃描 sql pan 討論 介紹 為了討論碎片產生的原因,以及避免和移除索引碎片的技術,我們必須從本進階系列後續將介紹的兩個章節借用一些知識點:創建/更新索引的知識,以及向一個索引表插入數據行的相關知識。 當我們講解這些信息的時候,記住本
CSS進階(四)margin
off clas gin 提升 list div 保持 tom 觸發 margin 元素尺寸:border-box DOM屬性裏的offsetWidth 和offsetHeight 元素內部尺寸: padding-box DOM屬性裏的clientWidth 和 clie
CSS進階(十三)font-size
lin 只需要 響應式 處理 傳統 oot 忽略 字符 成本 line-height 的數值屬性值和 百分比值屬性值都是相對於 font-size ex是x字符的高度 em 在 CSS 中,1em 的計算值等同於當前元素所在的 font-size 計算值,可以將 其想象成當
CSS進階(二十二)元素顯隱
diaplay:none 如果是<img>,則所有瀏覽器都會請求資源 如果是background-image,則IE會請求,Firefox不會請求,有父元素包裹的且父元素設定display:none的不會請求 display:none並不影響表單提交資料,disabled會影響 H5新增的