有趣的做法

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


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

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

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

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

 

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

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

測試位置:http://jigsaw.w3.org/css-validator/

參考網址:測試 W3C 標準時常會發生的錯誤
http://www.hsiu28.net/style/article_detail.php?id=10

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

字型要以一個類別的字型結束
例如:sans-serif在任何系統下都能保證被顯示
font-family:tahoma,sans-serif; 這樣才正確

選擇器名稱不可單用數字

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

變換網頁樣式呈現不同風格(cookie):變更頁面所要引入的css檔,可應用在版面風格、顏色版面設計

head
-----------------------------
<link rel="stylesheet" type="text/css" href="style.css" title="default">
<link rel="stylesheet" type="text/css" href="style1.css" title="style_one">
<link rel="stylesheet" type="text/css" href="style2.css" title="style_two">
<script type="text/javascript" src="styleswitcher.js"></script>


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

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

}
.opacityit:hover img{

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

 

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


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

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

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

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

way2 ..

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

無障礙網頁單機版檢測程式 (Freego)
http://www.webguide.nat.gov.tw/wSite/ct?xItem=1087&ctNode=239

無障礙網頁概念
http://mis2.nkmu.edu.tw/90441060/final/freebook/index.htm




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

待測試

陰影效果

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


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

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

ie7.8, FF 都可用


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