痞客邦新手入門⑸｜修改版面的字體字型 @ 梅花問路

本篇把一些跟設定字體相關的CSS語法全部蒐集在這裡

如果有什麼疑問或是建議，都可以提供給梅花，和梅花討論交流呦!

此處標示紅字的語法，要定位或是更改這些語法在自己樣式裡面的位置，進到自己的CSS路徑是

右上角點自己的頭像我的部落格後台樣式管理部落格CSS原始碼

搜尋語法的話可以按Ctrl+F搜尋即可~

如果梅花所提供的語法尋找名稱你怎麼樣都找不到的話請參考以下文章利用開發人員工具尋找可能的語法位置

【梅花的CSS學習】用「開發人員工具」檢視區塊語法的名稱

梅花的語法筆記

檢視CSS標籤F12 (Ctrl+Shift+I) 箭頭粉.jpeg ＊開發人員工具＊

部落格整體 #body 箭頭粉.jpeg ＊換背景底圖＊＊換字體＊＊換部落格ICON＊＊設計LOGO＊

封面橫幅#banner/#header 箭頭粉.jpeg ＊換封面底圖＊＊部落格標題敘述大小位置＊

文章區塊 #content 箭頭粉.jpeg ＊改文章標題字體、背景＊

公告版面 #spotlight 箭頭粉.jpeg ＊公告版面應用＊

側欄區塊 #links 箭頭粉.jpeg ＊改側欄標題的背景＊＊Facebook粉專外掛＊＊音樂外掛＊＊YouTube外掛＊＊分享連結階層＊

痞客幫新手入門

痞客邦新手入門⑴｜新手基礎入門設定開啟部落格設定作者名稱	痞客邦新手入門⑹｜如何自訂個性化ICON圖標
痞客邦新手入門⑵｜如何編輯側欄推薦連結區	痞客邦新手入門⑺｜用語法外掛來撥放音樂
痞客邦新手入門⑶｜宣傳Facebook粉專、浮動FB粉專外掛	痞客邦新手入門⑻｜移除煩人的痞客邦廣告! 廣告__OUT!
痞客邦新手入門⑷｜利用公告版位製造多樣性	痞客邦新手入門⑼｜如何自己設定文章顯示的縮圖
痞客邦新手入門⑸｜修改版面的字體字型	痞客邦新手入門⑽｜如何在痞客邦發表文章

如果想要修改文字的色彩

color : #999999 ; 文字色彩(色碼可以參考對照表 https://www.ifreesite.com/color/ )

色碼也可以我的部落格後台樣式管理文字背景設計工具背景顏色在這裏面也可以挑顏色找出對應色碼

font-family : 標楷體 ; 文字字型

(可以有新細明體、標楷體、Arial、 Impact、 monospace、 Microsoft JhengHei )

(點我看更多字體)
font-size : 9pt ; 文字大小
font-weight:bold ; 粗體(設定字體厚度bold (厚)、bolder (更厚)、及 normal (正常))
font-style:italic ; 斜體
vertical-align:super ; 文字上標
vertical-align:sub ; 文字下標
text-decoration:underline ; 文字加下底線
text-decoration:overline ; 文字上加上一條線
text-decoration:line-through ; ~~刪除線~~
text-align:right ; 文字靠右對齊
text-align:left ; 文字靠左對齊
text-align:center ; 文字置中對齊

p { text-align:left; }	文字靠左對齊
p { text-align:right; }	文字靠右對齊
p { text-align:center; }	文字向中間對齊

border-style:solid 實線邊框 (預覽參照)

p {border-style:solid;}	實線邊框
p {border-style:dashed;}	虛線邊框
p {border-style:double;}	雙線邊框
p {border-style:dotted;}	點線邊框
p {border-style:groove;}	凹線邊框
p {border-style:ridge;}	凸線邊框
p {border-style:inset;}	嵌入線邊框
p {border-style:outset;}	浮出線邊框