感謝以下網站
oec css教學 ppkeigo-凱哥
多虧有這兩個網站 這個懶人包才能成立 給他們拍拍手吧
這可是我花了不少時間去測試去搞的吶
希望對大家有幫助囉

有關CSS進階問題可到oec css教學  或 1keydata css教學
這兩個網站都寫得頗詳細 對像我這樣的初學者 是非常好用的呢

下面的幾個大粗體字點擊之後會展開css 再點一次會收起來
把滑鼠移到上面會自動反白ctrl+c複製即可

所有展開後的小字點了之後都會直接複製語法
(就小粗體字也幾乎都可以喔)
不過這個功能只適用於ie 火狐因為不支援所以此功能不適用於火狐喔
其他瀏覽器我就不清楚了...

其他 字型篇 框線篇 邊界篇 留白篇 背景篇 捲軸篇
 
清除浮動 滑鼠游標 相對位置 display position visibility vertical-align
   
 
其他












 
文字
 




 












 
   
文字對齊
 


 
   
字的樣貌
 



 
   
字的裝飾
 





   
字的轉換
 



 
  font : 斜體 胖瘦 大小 字型;
 
 



 
 



 
 
 




 
   



 
 
 




 
 



 
 




 

     
 
清除浮動(clear)
 



 
 
滑鼠游標(放在body=整個網頁 放在a:hover=移到連結時的滑鼠游標)
 

預覽


預覽


預覽


預覽


預覽
 

預覽


預覽


預覽


預覽


預覽
 

預覽


預覽


預覽


預覽


 
相對位置(float)
 


   
 
display
 



 
 
position
 



 
 
visibility
 


   
  visibility : hidden 跟 display: none 有何不同 :
visibility: hidden 能隱藏標籤元素的內容,但不改變標籤元素原有的格式。
display: none 會隱藏包含標籤的所有元素。
by OECSPACE
 
vertical-align(搭配上下左右)
 

     
文章標籤
全站熱搜
創作者介紹
創作者 陳小菁 的頭像
陳小菁

陳小菁

陳小菁 發表在 痞客邦 留言(0) 人氣(253)