Universal |
* |
Matches any element. |
Type |
E |
Matches any E element. |
Class |
.info |
目前分類:CSS (13)
- Sep 19 Sun 2010 21:44
[CSS] 選取器
- Sep 07 Tue 2010 14:43
[CSS] input 個別屬性
.Sift input[type="checkbox"] {
top:2px;
*top:3px;
margin-right:0;
margin-left:10px;
position:relative;
}
- Aug 26 Thu 2010 01:13
[CSS] 隱藏文字
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
- Jul 30 Fri 2010 02:24
[CSS] 改變選取文字的背景色
此效果不能使用在 IE 上
Safari 瀏覽器 :
::selection{background: #c00; color: white;}
Firefox 瀏覽器 :
::-moz-selection{background: #c00; color: white;}
使用以上寫法不符合 w3c 規範
- Jul 30 Fri 2010 02:19
[CSS] Reset 功能
參考 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;}
- Jul 30 Fri 2010 02:12
[CSS] 隱藏img露出背景
有趣的做法,可用在原本共用小圖,在特定幾個區塊想要換掉的問題
需搭配固定的大小
.visibility img {visibility: hidden;}
.visibility{ background: url('img/icon_1.png') }
- Jul 30 Fri 2010 02:10
[CSS] Footer 永遠置底
有趣的做法
#main {padding-bottom: 150px;background: #efefef;}
#footer {position: relative;margin-top: -150px;height: 150px;clear:both;}
- Jul 30 Fri 2010 02:06
[CSS] 刪除捲軸 scollbar
overflow:hidden; /*刪除捲軸*/
--------------------------------------------------
IE 專用樣式
overflow-x:hidden; /*刪除水平捲軸*/
overflow-y:hidden; /*刪除垂直捲軸*/
參考網址:
CSS 運用之刪除捲軸
- Jul 30 Fri 2010 01:41
[CSS] 瀏覽器透明濾鏡
head
--------------------------
<style type="text/css">
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}
.opacityit:hover img{
- Jul 30 Fri 2010 01:35
[CSS] 提供資源、知識的網站
設定多個css基本區塊位置,暫時用不到,可提供初學者參考
http://www.mycelly.com/
====================================
- Jul 30 Fri 2010 01:29
[CSS] 刪除連結虛線框
For ie
a{blr:expression(this.onFocus=this.blur());}
For FF
a:focus { -moz-outline-style: none; }
-----------------------------------
way2 ..
- Jul 02 Fri 2010 14:17
[CSS] 陰影
待測試
陰影效果
http://www.hksilicon.com/kb/articles/4690/1/CSS3-box-shadow/Page1.html
- Jul 02 Fri 2010 14:11
[CSS] 強制斷行
.className { word-wrap: break-word;}
ie7.8, FF 都可用