發現有很多人的問題都是“如何改字型、如何改字的大小”,所以發一篇文來做簡單的解釋…說的不好請見諒嗄!
希望以後有問題可以先看過解說,若不懂或是桑妮講的不詳細再問喔!



關於字的大小,
CSS
是這樣寫的:
font-size: 10px;
  (這是10px大小的範例,當然數字可以變大變小。)
  font 就是字型、字體的意思,而size 是大小,所以font-size就是字的大小,簡單吧!
 
那字型呢?請看:
font-family: "Verdana";
  (這是Verdana字型的範例。)
  font 已經說過了,就是字體。至於為什麼是用family…其實我不知道欸!可是我想應該是字型家族的意思吧…
  要注意的是,當你的字型是兩個字以上,要加””把它們框起來。(我的習慣是不管幾個字都把它框起來啦…)
  還有,如果觀看者的電腦沒有設定的字型,會看到細明體噢。
  (所以不是想設定什麼字體就會顯是什麼字體,要先確定自己有沒有那個字體。)
 
大小字型都會了,那就可以自己改囉!只是還要知道你想改的是哪個部分,這裡只提一下比較常遇到的部分。(請注意這裡說的標籤是痞客模板!)
  網誌名稱: #banner h1
  網誌描述: #banner h2
  文章標題: .title h2
  文章內容: .article-content
 
再給個範例,若今天我要把網誌名稱改成字型是SimHei,大小30px的話,
我可以這樣寫:
#banner h1{ font-size: 30px; font-family: "SimHei"; }
  這個寫法就是剛剛上面說到的。
  但是事實上我不會這樣寫,因為我覺得太長了…
所以我又可以這樣寫:
#banner h1{font: 30px “SimHei”; }
  這樣就短多了吧!這是簡寫,當然還可以加入別的東西。
例如:font: bold 25px “Georgia”; 這就是粗體、大小25、字型是Georgia的字。


 
以上,就是如何變化字型大小的小小小小小小教學,希望有人看的懂…
不懂請留迴響發問,我再回答。(如果我會的話…)
若效果不錯,以後可能會持續增加一些基本的解說
(太難的我也不會啦… XDD)
 
哪裡說錯,請跟我指正一下…Thanks a lot!

arrow
arrow
    全站熱搜

    桑妮♥ 發表在 痞客邦 留言(39) 人氣()