判断css兼容性http://caniuse.com/# css属性改变会触发浏览器渲染的阶段https://csstriggers.com/ svg转为字体图标https://icomoon.io/ gif转为webMhttps://cloudconvert.com/ 图片资源上传http://c ...
分类:
其他好文 时间:
2017-05-17 11:49:12
阅读次数:
166
1.先谨记以下规则,但不推荐使用hack. 所有浏览器通用(市面上主要用到的IE6IE7FF) height:100px; IE6专用 _height:100px; IE6专用 *height:100px; IE7专用 *+height:100px; IE7、FF共用 height:100px!im ...
分类:
Web程序 时间:
2017-04-06 18:54:21
阅读次数:
190
浏览器的兼容性浅谈 Css兼容性 <span>标签在IE下要放在前面,否则IE会有问题。 IE6下没有min-width的概念,起默认的width就是min-width IE6下两个float之间会有3px的bug IE6图片的下方会有空隙 IE6下margin:0 auto不能剧中,解决:为其父容 ...
分类:
其他好文 时间:
2017-03-29 00:58:37
阅读次数:
198
* , ie6,ie7可以识别; _和- , ie6可以识别; !important ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级; -webkit- ,针对safari,chrome浏览器的内核CSS写法 -m ...
分类:
Web程序 时间:
2017-03-27 13:27:57
阅读次数:
146
知识有所欠缺 疯狂脑补抄袭经验中、、、 兼容性处理要点1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !impo ...
分类:
Web程序 时间:
2017-03-09 13:17:53
阅读次数:
189
一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } 解读浮动闭合最佳方案:clearfix 二.使用斜 ...
分类:
Web程序 时间:
2016-11-22 23:05:11
阅读次数:
305
一.常用的骨灰级清除浮动 解读浮动闭合最佳方案:clearfix 二.唯一使用斜杠/分割的关键字 分割的分别是 字体大小 与 行高 ,其他关键是用空白符分割。 三.内联元素相连之间存在间隙 原因:内联元素是当做字体来处理的,字体之间是有间隔的 解决: 1.多个标签写在一行 2.将要闭合标签的地方与开 ...
分类:
Web程序 时间:
2016-10-29 16:32:29
阅读次数:
343
DIV+CSS设计IE6、IE7、FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容: ...
分类:
Web程序 时间:
2016-10-25 01:59:16
阅读次数:
240
CSS HACK 针对不同浏览器,书写不同的CSS代码的过程,称为“CSS HACK”。 也就是说:写一个CSS代码,让IE6识别,其它浏览器不识别。 下面,针对不同浏览器,有几个符号: 这些符号是在CSS属性的前面加的,用于分辨不同的浏览器版本。 “*”IE6和IE7都识别。如:.box{ *ba ...
分类:
Web程序 时间:
2016-09-11 18:33:14
阅读次数:
124
CSS 2.1: CSS 3: Selectors Element Selectors CSS 2.1: Note Prior to Internet Explorer 7, there was a two-class selector limit per element. CSS 3: Attri ...
分类:
Web程序 时间:
2016-07-22 18:50:44
阅读次数:
264