}
第一個min-width是正常的；但第2行的width使用了Javascript，這只有IE才認得，這也會讓你的HTML文件較不正規。它實際上透過Javascript的判斷來實現最小寬度。
同樣的方法也可以為IE實現最大寬度：
#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth 1200? ”1200px“ : ”auto";
}
4. IE與寬度與寬度和高度的問題IE不認得min-這個定義，但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器裡這兩個值就不會變，如果只用min-width和min-height的話，IE下面根本等於沒有設定寬度和高度。
例如要設定背景圖片，這個寬度是比較重要的。要解決這個問題，可以這樣：
.box
{
width: 80px;
height: 35px;
}
html>body .box {
width: auto;
height: auto;
min-width: 80px;
min-height: 35px;
}
所有的瀏覽器都可以使用第一個box設置，但IE不認得第2段設置，因為其中用到了子選擇器指令。第2個設定更特殊些，所以它會覆蓋掉第1個設定。
5. 字型變形指令text-transform 指令很有用，它有3個值：text-transform: uppercase, text-transform: lowercase 和text -transform: capitalize。第1個會把文字變成全大寫，第2個變成全小寫，第3個變成首字母大寫。這對拼音文字非常有用，即使輸入時有大小寫錯誤，在網頁上也看不到。
6. IE中圖片文字消失的問題 有時會遇到文字或背景圖突然消失的問題，刷新一下又出現了，這在靠近漂浮元素時更容易發生（註：沒看過）。此時，可以為消失的元素設定： position: relative ，如果不行，再考慮為這些元素指定一個寬度試試。
7. 不可見文字 不論因為何種原因希望某些網頁文字不在瀏覽器中顯示，比如為了打印或為了小屏幕而讓某有些文字不顯示，都可以用display: none 。這非常簡單，但有時對某些人這有點沒用，他們能去掉這個控制，這時就要用到： position: absolute; left: -9000px 。
這其實是把文字指定在頁面以外顯示。
8. 為手持設備設計專門的CSS 也就是手機／PDA等小螢幕用戶，可以專門設計一個CSS來讓網頁顯示更舒服些。為此，可以把瀏覽器視窗調整到150點寬來看效果。指定專門的手持裝置的 CSS的語法是：
也可以閱讀專門的手持設備可用性。
9. 3D效果的按鈕 以前要想製作帶有3D效果，並且點擊下去還會變化的按鈕，就得用圖片替換的方法，現在CSS就可以了：
a
{
display: block;
border: 1px solid;
border-color: #aaa #000 #000 #aaa; width: 8em;
background: #fc0;
}
a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}
至於效果，還可以自己調整了。
10. 在不同頁面上使用相同的導航代碼許多網頁上都有導航選單，當進入某頁時，選單上相應這一項就應該變灰，而其他頁亮起來。一般要達到這個效果，需要寫程式或專門為每一頁做設計，現在靠CSS就可以達到這個效果。
首先，在導覽程式碼中使用 CSS類別：
然後分別為每一頁的Body指定一個id，和上麵類別同名。如。
然後設計CSS如下：
#home .home, #about .about, #about .about
{
commands for highlighted navigation go here
}
這裡，當id設為home時，.home就會起作用，也就是class設為home的那一行導覽條就會顯示出特殊效果來。其他頁也是如此。
