css相關tips

readonly :不可編輯，不可得到焦點，背景顏色默認透明，字體顏色默認爲前景色黑色，值能夠在請求中傳遞；
chorme和ie支持，firefox不支持readonly屬性（在屬性內定義：onfocus="this.blur（）"）
disabled :不可編輯，不可得到焦點，背景顏色默認灰色，字體顏色默認爲灰色，值不能夠在請求中傳遞； 
標籤屬性（readonly）大小寫都不會影響其效果，但js的DOM中嚴格區分大小寫（readOnly）。
Firefox的css usage插件能夠顯示重複或沒有用到的css rules,每一個頁面scan一次比autoscan準。
Firefox不支持background-position-x/y屬性，要用background-position:X Y;代替。
position爲fixed的元素，寬度爲自適應的最小寬度，不會佔一整行。
表格的單元格會自動收縮，不能利用overflow屬性。即便設置width屬性固定寬度，也會收縮到最小文字寬度。若是真要設置固定寬度，能夠在td中嵌套div,給div設置寬度。或者用table的table-layout:fixed;屬性。
表格的第一行決定總體表格的單元格寬度。若是要表格根據內容自適應寬度，只要加white-space:nowrap屬性便可。特別是ie,別的瀏覽器會自動調整寬度。
改變瀏覽器大小？
font的簡寫注意事項
一、簡寫時，font-size和line-height只能經過斜槓/組成一個值，不能分開寫。
font: italic bold .8em/1.2 Arial, sans-serif;//family之間用，號
二、順序不能改變。這種簡寫方法只有在同時指定font-size和font-family屬性時才起做用。並且，若是你沒有設定font-weight, font-style, 以及 font-varient ,他們會使用缺省值
頁面居中時出現滾動條不跳動的方法：
只有margin-left爲auto時，出現滾動條會改變其值，頁面跳動。  
1.body { overflow-y: scroll; }    //超出時出現滾動條，不超出時依然會保留一個醜陋的灰色的滾動欄
2.wrap-outer {margin-left: calc（100vw - 100%）；}   //在左邊提早預留滾動條的寬度
//calc（）是css3中的函數，可進行四則運算（先後必須有空格），可混合使用百分比、px、em、rem等單位
// 100vw指viewport的寬度，包含滾動條的寬度；而100%是不包含滾動條的viewport寬度。
若margin-left爲固定值，不會跳動。滾動條會出如今最上面一層，壓住下面的內容。
<div class="in_right_box">
<ul class="silder_list" >
<li>
<a href="http://shijiazhuang.changtu.com/" target="_blank">石家莊客運總站</a>
</li>
</ul>
</div>