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>