摘要:最全的CSS浏览器兼容问题 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加D
阅读全文
摘要:Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。 禁止响应式布局有如下几步: 针对 IE8 仍然需要额外引入 Respond.js 文件(由于仍然利用了浏览器对媒体查询(media que
阅读全文
摘要:URL编码表backspace8%A41%a61%§%A7Õ%D5tab9%B42%b62%«%ABÖ%D6linefeed%0AC43%c63%¬%ACØ%D8creturn%0DD44%d64%¯%ADÙ%D9space20%E45%e65%º%B0Ú%DA!21%F46%f66%±%B1Û%D...
阅读全文
摘要:兼容所有浏览器的透明CSS设置:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } UPD...
阅读全文
摘要:在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所 有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height...
阅读全文
摘要:当INPUT、SELECT及用图片做的button放在一起(并排放一起)时,没法子对齐,一个vertical-align:middle就可搞定。
阅读全文
摘要:用户为html定义css样式,无非有两个作用:一个是用来修饰文字和图片,另外一个是用来排版和布局。1.基本的box概念 css将网页中的每一个html元素都视为一个长方形的盒子,每一个box都有数个不同的参数,从里到外包含 content、padding(衬距)、border、margin(边距)。...
阅读全文
摘要:这段话很容易记住盒模型:css中盒子模型包含属性margin、border、padding、content,他们可以把它转移到我们日常生活中的盒子(箱 子)上来理解,日常生活中所见的盒子也具有这些属性,所以叫它盒子模式。那么内容就是盒子里装的东西(content);而填充(padding)就是怕 盒...
阅读全文
摘要:给外面a标签padding-left:;img自身float:left;margin-left:;这种写法避免了不少因浮动产生的问题,且代码简明,推荐适当的使用此方法。
阅读全文
摘要:Css Hack test 以上代码分析: background-color:blue; 各个浏览器都认识,这里给firefox用; background-color:red\9;\9所有的ie浏览器可识别; background-color:yellow\0; \0 是留给ie8的,但笔者测试,发现最新版opera也认识,后面自有hack写了给opera认的,所以,\0我们就认为是给ie8留的; +background-color:pink; + ie7定了; _background-color:orange; _专门留给神奇...
阅读全文
摘要:排版了很多页面,才发现自己忽视了一个很基本且重要的知识点:一个div在一般的浏览器中,算它的width,要计算其content,padding,border。但是在CSS中定义一个div的width值,是指其content的宽度。如:.div_ex{ width:241px; }如图:
阅读全文
摘要:css 包含的图片和style="display:none"可以避免图片加载,可以节省网络流量
阅读全文