- Sep 30 Mon 2013 12:22
-
美麗的旋律
- Sep 30 Mon 2013 12:07
-
~ღ 翔霏製ღ ~ 捲軸按鈕式文章框 適用痞客公告版位
- Sep 30 Mon 2013 12:03
-
教學~✿CSS 教學 > 字體 ✿~
本文引用自ru6854 - 教學~✿CSS 教學 > 字體 ✿~
http://www.1keydata.com/css-tutorial/tw/font.php
在 CSS 中常見的字體 (font) 屬性有以下幾種：
- font-family
- font-size
- font-weight
- font-style
- font-variant
font-family
font-family 屬性是用來設定字體的類別。
CSS 樣式
顯現結果
p {font-family: verdana;}
Font Family Verdana.
p {font-family: arial;}
Font Family Arial.
p {font-family: impact;}
Font Family Impact.
font-size
font-size 屬性是用來設定字體的大小。大小可以是以數字顯現 (絕對的或是相較的均可)，或是以下其中之一的值："xx-large"、 "x-large"、 "large"、 "medium"、 "small"、 "x-small"、和 "xx-small"。
CSS 樣式
顯現結果
p {font-size:9px;}
字體大小為 9px。
p {font-size:150%;}
字體大小為 150%。
p {font-size:0.8cm;}
字體大小為 0.8 cm。
p {font-size:small;}
字體大小為 small。
p {font-size:large;}
字體大小為 large。
font-weight
font-weight 屬性是用來設定字體的厚度。厚度的設定值可以從 100 到 900 (900 是最厚的)。另外，我們也可以將厚度設定為 bold (厚)、bolder (更厚)、及 normal (正常)。
以下舉幾個例子：
CSS 樣式
顯現結果
p {font-weight: 100;}
這是厚度 100。
p {font-weight: 900;}
這是厚度 900。
p {font-weight: bold;}
這是 bold 厚度。
font-style
font-style 屬性是用來設定字體是否為斜體字 (italic 或 oblique)。
CSS 樣式
顯現結果
p {font-style: italic;}
這是斜體字。
font-variant
font-variant 屬性是用來設定文字是不是要以小型大寫 (small caps) 字體顯現。在小型大寫字體中，所有的字母都是大寫，可是字體是比一般大寫來得小。可能的值為 "small-caps" 和 "normal"。來看下面的例子：
CSS 宣告，
span {
font-variant:small-caps;
}
以下的 HTML 碼，
<span>initial in small caps</span> AND LATER IN LARGE CAPS.
就會顯現出，
initial in small caps AND LATER IN LARGE CAPS.
- Sep 30 Mon 2013 12:00
-
手繪~✿現代男子VS古典美女插畫 ✿~
- Sep 30 Mon 2013 11:59
-
PNG ~✿ 花葉裝飾素材2 ✿~
- Sep 30 Mon 2013 11:57
-
PNG ~✿ 花葉裝飾素材 ✿~
- Sep 30 Mon 2013 11:45
-
插圖~ღ 可愛動態圖示 gif ღ~
- Sep 30 Mon 2013 11:43
-
插圖 ~ღ 超可愛的動物插圖 ღ~ 動態
- Sep 30 Mon 2013 11:42
-
插圖~ღ花草動態圖示 GIF ღ~
- Sep 30 Mon 2013 11:32
-
***壞的男人***陳墨部語
- Sep 30 Mon 2013 11:24
-
翔霏學習版-痞客樣式02 兩欄式右欄較寬 留言版樣式03
