目前分類:CSS (13)

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

Universal

*

Matches any element.

Type

E

Matches any E element.

Class

.info

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

.Sift input[type="checkbox"] {
    top:2px;
    *top:3px;
    margin-right:0;
    margin-left:10px;
    position:relative;
}


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

line-height:0;
font-size:0;
overflow:hidden;

能完美“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过

參考網站:http://www.w3cg.com/div+css/27.html


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

此效果不能使用在 IE 上
Safari 瀏覽器 :

::selection{background: #c00; color: white;}
Firefox 瀏覽器 :

::-moz-selection{background: #c00; color: white;}
使用以上寫法不符合 w3c 規範

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

參考 Yahoo

@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}

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

有趣的做法,可用在原本共用小圖,在特定幾個區塊想要換掉的問題
需搭配固定的大小

.visibility img {visibility: hidden;}
.visibility{ background: url('img/icon_1.png') }

 


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

有趣的做法

#main {padding-bottom: 150px;background: #efefef;}
#footer {position: relative;margin-top: -150px;height: 150px;clear:both;}


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

overflow:hidden; /*刪除捲軸*/

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

IE 專用樣式
overflow-x:hidden; /*刪除水平捲軸*/
overflow-y:hidden; /*刪除垂直捲軸*/

 

參考網址:
CSS 運用之刪除捲軸

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

head
--------------------------
<style type="text/css">
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;

}
.opacityit:hover img{

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

 

設定多個css基本區塊位置,暫時用不到,可提供初學者參考
http://www.mycelly.com/
====================================


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

For ie
a{blr:expression(this.onFocus=this.blur());}

For FF
a:focus { -moz-outline-style: none; }

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

way2 ..

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

待測試

陰影效果

http://www.hksilicon.com/kb/articles/4690/1/CSS3-box-shadow/Page1.html


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

.className { word-wrap: break-word;}

ie7.8, FF 都可用


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

找更多相關文章與討論