2014-07-03 23:05:17
Nacht夜
Love Dream Happiness
發言  

CSS基本講解(不定期更新) / CSS樣式討論版 好主題 : 1

  這裡是給一些沒有基礎的同學看的
  有問題歡迎意見!
  -------------------------------------
  2015/02/28 新增 BASS留言版基本區塊名稱

No.1380491886 2015-02-28 10:39:27
Nacht夜 
Love Dream Happiness
BM   發言  


 BASS留言版基本區塊名稱
 
 灰色:body
 紫色:.head_menu
 白色:.small_menu
 黃色:td.small_menu
 綠色:table.tell_content
 橘色:.small_head
 粉色:.content
 
   
 
 
 
 
 
 
 
 
 
 




No.1409680567 2014-07-03 23:10:32
Nacht夜 
Love Dream Happiness
BM   發言  


 CSS的結構
 
 要定義的區塊{定義項目:指令;}
 
 你想換個雙馬尾的髮型
 要定義的區塊:頭髮
 定義項目:髮型
 指令:雙馬尾
 
 頭髮{髮型:雙馬尾;}
 
 你想把頭髮染成酒紅色
 要定義的區塊:頭髮
 定義項目:髮色
 指令:酒紅色
 
 頭髮{髮色:酒紅色;}
 
 Example
 
 改變留言板背景色為白色
 要定義的區塊:留言板(.main_frame)
 定義項目:背景色(background或background-color都行)
 指令:白色(#FFFFFF)
 
 就會變成↓
 .main_frame{background: #FFFFFF;}
 
 
 粗體字下面加上黑色虛線
 要定義的區塊:粗體字(b)
 定義項目:下面加線/下面邊框(border-bottom)
 指令:黑色虛線(dashed 1px #000000)
 
 就會變成↓
 b{border-bottom:dashed 1px #000000;}
 
 
 圖片去除邊框
 要定義的區塊:圖片(img)
 定義項目:邊框(border)
 指令:去除(none/0px)
 
 就會變成↓
 img{border:none;}
 
 
 去除BASS LOGO
 要定義的區塊:BASS LOGO(div.head)
 定義項目:顯示(display)
 指令:去除(none)
 
 就會變成↓
 div.head{display:none;}