24h購物| | PChome| 登入
2009-02-10 13:08:33| 人氣1,568| 回應0 | 上一篇 | 下一篇

部落格素材教學網站 (超實用唷)

推薦 0 收藏 0 轉貼0 訂閱站台

[電腦診斷]
[網頁素材]
˙midi 音樂
[教學成果]
‧企鵝龍 ‧國稅局網頁菁英班

歡迎大家分享學習,轉走前請先告知唷~ 
我已經先跟原著單位引用,希望大家尊守網路守則唷^^


◇ CSS語法使用注意事項
  

 

 1. CSS 是 "Cascading Style Sheet" 的縮寫,一般稱為 "階層樣式表"。
  CSS 並不是一種程式設計語言,而是用於網頁排版的標記性語言。
  它可以將 html語言功能加以擴展,讓您的網頁更有獨特的風格。

 2. 本站的 CSS 語法皆可直接套用在網頁上,是屬於比較容易上手的
  語法,如果需要更詳盡的資訊,建議您參閱相關書籍。

 3. 在 CSS 語法中,舉凡字形、顏色、尺寸、背景、文字、邊界等
  屬性,皆建議您多做不同的嘗試,以獲得最佳瀏覽效果。

 4. 認識標準 html語法架構,有助於您編修網頁的效果。

  
  
  
   網頁標題
  不在網頁上顯示的資訊
  
  
  網頁內容
  
  

 
Up to Top
 
  ◇ 如何控制文字不隨瀏覽器的檢視設定變動
  
  當你辛辛苦苦完成網頁想秀一下時,卻發現瀏覽器的字型檢視一
 調整,整個網頁就扭曲成一團,慘不忍睹!這時候你就可以利用
 CSS 將字型大小控制住,就算別人再怎麼調整字型,也不會改變
 網頁一分一毫了。將下列虛線中的語法複製到
  ..... 之間即可。

 [語法]
 --------------------------------------------
 
 --------------------------------------------

 [說明]

 1. 字型大小自由設定,line-height 是指物件的頂端邊界。
  em 是字型的高度單位,屬於相對長度單位。

 [效果展示]

 
Up to Top
 
  ◇ 控制超連結的顏色與底線
  
  目前最常使用的 CSS 語法,就是控制超連結的顏色與底線,
 你可以依樣畫葫蘆,將下列虛線中的語法貼在 html 語法中
  ..... 之間:

 [語法]
 ---------------------------------------------------------------------------
 
 --------------------------------------------------------------------------

 [說明]

 1. 你可以自己更改色碼 (#xxxxxx),換上你喜歡的顏色,
  若需要加底線,就將 none 改成 underline 即可,試試看。

 2. 為了避免有些瀏覽器將 標記間的敘述
  當成普通字,而顯現在網頁上,因此建議將敘述文字放在
  html 註釋語句 中。

 [效果展示]

 

 
Up to Top
 
  ◇ 如何使背景不隨文字滾動
  
  有時瀏覽別人的網頁,在拉動捲軸時,背景卻不隨文字滾動,
 這是因為背景被設為'固定'的原因,只要將虛線內的語法複製
 到 ..... 之間即可。

 [語法]
 --------------------------------------------------------
 
 --------------------------------------------------------

 [說明]

 1. 屬性 fixed : 背景不隨文字滾動。
  屬性 scroll : 背景隨文字滾動(預設)。

 2. 建議使用在單純的背景,以避免前景與背景重疊 。
  如果你需要的廣告效果在背景上,這也是一個好方法。

 [效果展示]

 
Up to Top
 
  ◇ 如何將瀏覽器與網頁之間的邊界去除
  
  在瀏覽器的預設值裡,網頁頁面與瀏覽器邊界是留有固定的邊界,
 如果你是用深色背景的話,這個邊界會造成畫面不美觀。因此,
 要去掉這個邊界,只要將虛線內的語法複製到
  ..... 之間即可。

 [語法]
 -----------------------------------------------------------------
 
 -----------------------------------------------------------------

 [說明]

 1. 上述語法是比較完整的寫法,簡單一點可以寫為 :margin=0

 2. 你可以依需求更改邊界值設定。

 [效果展示]

 
Up to Top
 
  ◇ 如何將表格的框線變得更細緻
  
  在大型網站常會使用許多表格,妳可以發現這些表格的框線都很
 細緻,可是用網頁編輯軟體做出來的表格,框線都粗粗的不太好
 看。只要將下列語法 (A),複製到該表格 的屬性中,即可
 得到不錯的效果喔,試一試吧!

 (A):bordercolordark="#FFFFFF" bordercolorlight="#006600"

 [語法]
 ------------------------------------------------
 

 


 ------------------------------------------------

 [說明]

 1. 其實 (A) 語法是表現表格的立體性,因為我們設定 border="1",
  所以立體效果顯不出來,反而是讓框線變細了。另外,框線的
  顏色可自行改變。

 2. 如果要讓框線有立體效果,只要改變 border 的值就可以了

 [效果展示]

 

台長: 品靚
人氣(1,568) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類 | 個人分類: 網路素材 |
此分類下一篇:換游標小圖的方式 ^^

是 (本台目前設定為強制悄悄話)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文