怎麼設計文字為斜體字？用 CSS font-style 設計

回想以前在設計 HTML 網頁的時候，我們常常會用 i tag 幫文字增加斜體效果，可是在 CSS 設計的規則下，不應該使用 i tag 來增加斜體效果，應該改用 font-style 來設計，馬上寫個簡單的斜體字範例給各位瞧瞧

<i>這是 HTML 的斜體字</i> <span style="font-style:italic;">這是 CSS 的斜體字</span>

效果展現

這是 HTML 的斜體字 這是 CSS 的斜體字

範例寫的是 HTML 的 i tag 與  css 的 font-style 屬性差異，其實看起來兩個都是一樣的效果，沒有錯，CSS 只可以說是傳統 HTML 的替代語法（單純指斜體字的這個部份），當然 CSS 有更強大的程式碼管理效率，對於大型網站的程式碼，在未來管理上會更加容易，換句話說，你不一定要使用css的 font-style 來設計網頁文字的斜體效果，不過這是未來的主流，各位自己參考看看囉！

CSS 的文字設計還有許多種不同的屬性可以用，例如用來設計文字的粗體字、修改字型、修改文字顏色以及文字大小等基本的效果，搭配斜體字，可以創造出不同的網頁風格，如果你想對 CSS 的 font-style 屬性進一步認識，或是看更多的範例，請閱讀參考資料，有更詳細的語法使用規則及範例。

參考資料

• CSS 學習筆記: CSS font-style 設計文字樣式