公告訊息：BOLG中的文章大部分是從各網站摘錄(轉貼)下來的，如有侵權請來信告知，謝謝！我的信箱！
| 東森速報 |
|
Selected Category: CSS教學 (6)
- Jan 19 Mon 2009 08:59
快速定位頁面中複雜 CSS BUG
相信大家對於常見 CSS BUG 的處理已經相對比較熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但時常我們也會碰到複雜的 CSS BUG 問題，所謂「複雜」實質是指觸發的條件很複雜，而「BUG」 也並非指一定是瀏覽器的 BUG 。對於此類問題，我們首先要解決的是如何定位到問題，只有快速的定位到問題，才能更好的解決問題。
- Jan 05 Mon 2009 09:37
CSS系統顏色
直接調用系統的顏色顯示在網頁上本來是件很好玩滴事，但是，也有個缺點，就是可用的色太少 比如Bindows在它的啟動畫面一點點應用。
在css21 中 System Colors也有相關描述，CSS3還加了超鏈接的色，還有個flavor。
但是，要有瀏覽器支持才是硬道理，瀏覽器不支持，蝦米都回家睡覺。
附各色顯示效果，如果看不到文字部分就像刮彩票一半刮開看一下，其中，Background 這個在safari 比較神奇，是透明哦。
- Jan 05 Mon 2009 09:31
是時候該更換網頁字體了
還在用Arial、Verdana嗎？先看下新聞：
微軟在Vista中更新了標準網頁核心字體（Web Core Fonts）。微軟在90年代捐贈了這些字體，後來廣泛應用於今日的瀏覽器，直到現在未發生變化。但隨著Windows Vista的發佈，微軟幾乎完全更新其中一部分字體——新增6種C類字體：Cambria，Calibri，Candara，Consolas，Constantia和Corbel。Vista包含的這6種新網頁核心字體，Windows用戶可免費獲得（方法，下載PowerPoint Viewer 2007，軟件會自行安裝新字體）。網頁開發者如果不使用Vista，那就最好去下載新字體，以便讓設計的網頁與Vista上顯示的效果相同。這裡有一個視覺對比新舊字體的PDF文檔。
- Jan 05 Mon 2009 09:25
常見系統中文字體的英文名
因為神奇的中文有時也是會遇到國外同學都不知道原因導致一些神奇滴問題，所以要用更神奇的英文來解決問題。
Mac OS的一些：
華文細黑：STHeiti Light [STXihei]
華文黑體：STHeiti
華文楷體：STKaiti
華文細明體：STSong
華文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細宋：Apple LiSung Light
- Aug 12 Tue 2008 11:14
轉載-CSS基本語法總整理
基本語法====================================
<style type=text/css>
<!--
body,table{
color : #999999 ; /*文字色彩*/
font-family : 細明體 ; /*文字字型*/
font-size : 9pt /*文字大小*/
}
-->
</style>
文字屬性一覽================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
<style type=text/css>
<!--
body,table{
color : #999999 ; /*文字色彩*/
font-family : 細明體 ; /*文字字型*/
font-size : 9pt /*文字大小*/
}
-->
</style>
文字屬性一覽================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
- Aug 08 Fri 2008 14:15
CSS 中 Float（浮動）的概念
