Daisukes的博客

本篇文章主要写给刚步入前端开发行列的新手构架师。新手前端构架师在书写html代码时由于不太了解xhtml规范，经常会胡乱的使用html标签进行代码嵌套，导致多个浏览器显示不兼容。回过头来又为修改浏览器BUG 使用各种hack进行补救，最终是苦了自己苦了用户。浏览器的样式BUG实际上是由于每个年代的浏览器解析规则不一样导致，每个年代的浏览器都会带有自己的“小脾气”，这就是为什么自己写出来的一

初学html和css时，每天切图，总会遇到很多浏览器兼容性问题。最近一直关注移动平台开发，就html和css来说，不用考虑那么多浏览器兼容性问题。到现在，以至于很多浏览器兼容性几乎忘光了。今天把以前总结的知识拿来分享一下，顺便自己也复习一下。当然，其中肯定有很多不足，望指正啊。 1 ie6.0横向margin加倍产生因素：块属性、float、有横向margin。解决方法：displ

定义：设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。使用自定义图像作为光标类型，IE, Opera只支持*.cur等特定的图片格式；Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.png, *.gif, *.jpg等图片格式。cursor的属性值可以是一个序列示例代码：:link,:visited{ cursor:u

Chrome浏览器(webkit)::-webkit-input-placeholder { color: #999;}注：webkit下在文本框获取焦点后不显示placeholder，以便使其与其他浏览器表现一致:focus::-webkit-input-placeholder { color: transparent !important;}Firefox浏览器

通常，我们实现盒阴影都是通过这段代码来实现的-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px #000;box-shadow: 3px 3px 4px #000;　　但是，IE6、7、8不认识这段样式，所以我们会考虑用滤镜

其他浏览器正常写法：transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-tranform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);ie8写法： filter: progid:DXIm

@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的，@ font-face的打开一个全新的世界。现在，我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网站上的字体排版的网页设计元素和更高的集成度。此

h5初始化代码例子function connectWebViewJavascriptBridge(callback) { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // android终端 var isi...