中传思客老窝

摘要： inline-block的兼容性问题兼容性：IE6、IE7不识别inline-block但可以触发块元素。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法：1、首先设置inline-block触发块元素，具有了layout的特性，然后设置display:inline使块元... 阅读全文

摘要： 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !... 阅读全文

摘要： /*map */div.location { width: 300px; height: 200px; border: 1px #f45 solid; background: #000; margin: 10px auto 0; }div.location-indicator { position... 阅读全文

摘要： ************◆Margin属性：适合对象:所有元素是否继承:no百分比备注:相对于BOX的宽度2D Transform 方法实例div{transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-tr... 阅读全文

摘要： /*help*/.help{ position: relative; width: 130px; height: 130px; border: 6px #fff solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in... 阅读全文

摘要： /*Typing Loader*/div.typing { width: 400px; height: 300px; margin: 20px auto 500px; border: 2px #0f0 solid; background: #000; }.typing_loader{ width: ... 阅读全文

摘要： /* Timer*/.timer{ width: 240px; height: 240px; background-color: transparent; box-shadow: inset 0px 0px 0px 2px #fff; border: 2px #f00 solid; border-r... 阅读全文

摘要： /* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello... 阅读全文

摘要： /* 径向渐变 */div.radial { width: 600px; height: 400px; margin: 30px auto; border: 1px #f00 solid; background-image: -webkit-gradient(radial,50% 50%,0, 50... 阅读全文

摘要： /* 进度条 */div.progress {width: 600px;margin: 10px auto;height: 20px;line-height: 20px;font-size: 14px;background: #F7F7F7;border-radius: 4px;box-shadow... 阅读全文