有趣的做法
#main {padding-bottom: 150px;background: #efefef;}
#footer {position: relative;margin-top: -150px;height: 150px;clear:both;}
有趣的做法
#main {padding-bottom: 150px;background: #efefef;}
#footer {position: relative;margin-top: -150px;height: 150px;clear:both;}
overflow:hidden; /*刪除捲軸*/
--------------------------------------------------
IE 專用樣式
overflow-x:hidden; /*刪除水平捲軸*/
overflow-y:hidden; /*刪除垂直捲軸*/
參考網址:
CSS 運用之刪除捲軸
測試位置:http://jigsaw.w3.org/css-validator/
參考網址:測試 W3C 標準時常會發生的錯誤
http://www.hsiu28.net/style/article_detail.php?id=10
-------------------------------
字型要以一個類別的字型結束
例如:sans-serif在任何系統下都能保證被顯示
font-family:tahoma,sans-serif; 這樣才正確
選擇器名稱不可單用數字
變換網頁樣式呈現不同風格(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>
head
--------------------------
<style type="text/css">
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}
.opacityit:hover img{
設定多個css基本區塊位置,暫時用不到,可提供初學者參考
http://www.mycelly.com/
====================================
For ie
a{blr:expression(this.onFocus=this.blur());}
For FF
a:focus { -moz-outline-style: none; }
-----------------------------------
way2 ..
無障礙網頁單機版檢測程式 (Freego) 無障礙網頁概念 |
待測試
陰影效果
http://www.hksilicon.com/kb/articles/4690/1/CSS3-box-shadow/Page1.html
.className { word-wrap: break-word;}
ie7.8, FF 都可用