目前分類:★ CSS學習 (14)

瀏覽方式: 標題列表 簡短摘要

新增for iphone&ipad 瀏覽器Safari 喔!

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

 最近喜歡把標題字換成黑體

阿摸摸 發表在 痞客邦 PIXNET 留言(1) 人氣()

IE7顯示抽筋的li
原本應該是乖乖的123456
變成這副德行↓ 

圖片-1

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

ya.gif  用CSS3製作更多的特效吧!!!
IE9、chrome、firefix適用
IE6、IE7、IE8無望 

圖片 1  
/*------------圖片旋轉-----------*/


img{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform:rotate(5deg)
width:200px;
}

 

教學來源: css transform 能旋轉、傾斜、縮放變形 box

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

請進~

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

IE6.jpg    

有時會突然遇到的狀況..左右晃
不管滑到那個選單,滑鼠移過效果都會變成第一個按鈕的背景圖!!!

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

圖片 1.JPG

問號該死這選單是怎麼回事!!!!(指)      

阿摸摸 發表在 痞客邦 PIXNET 留言(1) 人氣()


《iframe 寫法》背景透明、去捲軸

<iframe src="ad_iframe_letter.htm" width="200px" height="200px" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

音符.jpg  如果沒效可以在iframe 的Body裡面加:allowtransparency="true"

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

clear是個好孩子,只是有時候不聽話~顆顆
有時候會出現的莫名區塊,來把它KO吧! 

嘿嘿.png  

阿摸摸 發表在 痞客邦 PIXNET 留言(1) 人氣()

Firfox、IE、Chrome沒問題,IE6.7不支援。

其實有很多方法,例如扣一半高度%還有設line-height的啦~
不過這個最簡單所以收錄先!!
(不過要多餘一位DIV,真是有一好沒兩好xDDD) 

hair218.gif 

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

chrome最小字級鎖定解除!!!!!!!!!!
太威啦~萬歲  

body {
  -webkit-text-size-adjust: none;
}


拍手.gif  來賓請掌聲鼓勵鼓勵!!

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

想要讓google大神搜尋到你的網頁,又不想在HTM上寫系統字嗎!?

CSS下這個語法就可以將文字隱藏囉!!

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

text-indent:-9999px;

overflow:hidden;

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

ya.gif  

謝謝收看~

PS.不能用display:none; 喔!,不然會被當成垃圾丟掉,ㄎㄎ!

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

:::inline-block與block:::

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()

:::CSSの知識をもっと深める30+2の小技テクニック集:::

阿摸摸 發表在 痞客邦 PIXNET 留言(0) 人氣()