摘要: 1、全局规则之一,不要写标签、不要写class,所有CSS都用style属性,什么元素需要什么样式就用style写内联的CSS。2、全局规则之二,少用图片,邮箱不会过滤你的img标签,但是系统往往会默认不载入陌生来信的图片,如果用了很多图片的邮件,在图片没有载入的情况下,丑陋无比甚至看不清内容,没耐心的用户直接就删除了。图片上务必加上alt。3、不要在style里面写float、position这些style,因为会被过滤。那么如何实现左右布局或者更复杂的布局呢?用table。4、style内容里面background可以设置color,但是img会被过滤,就是说不能通过CSS来设置背景图片了 阅读全文
posted @ 2014-03-26 11:11 冰~ice 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 一、简单介绍一下什么是浏览器内核。经常听说各种不同的浏览器,IE、Opera、Firefox、Safari、The World还有现在的Chrome等。看似许多不同的浏览器,其实其中还是有很多相似之处。今天,我们就来了解他们的内核~!那内核是什么呢?内核只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需 阅读全文
posted @ 2014-03-25 17:43 冰~ice 阅读(680) 评论(0) 推荐(1) 编辑
摘要: 盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟悉的标准盒子模型: 从上图可以看到标准W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。 那应该选择哪中盒子模型呢?当然是“标准 W3C 盒子模型”了。怎么样才算是选择了“标准 W3C... 阅读全文
posted @ 2014-03-25 17:25 冰~ice 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 当微软开始产生与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们IE6.0以后的版本在浏览器内嵌了两种表现模式: Standards Mode(标准模式或Strict Mode)和Quirks mode(怪异模式或兼容模式Compatibility Mode)。在标准模式中,浏览器根据W3C所定的规范来显示页面;而在怪异模式中,页面将以IE5,甚至IE4的显示页面的方式来表现,以保持以前的网 页能正常显示。对于这两种模式引起最大的问题就是盒模式的问题,或者现在大家已经忽视了IE5的存在,但是,IE在怪异模式运行的盒模式依然在最新版本的IE7保留着,一旦应用不得当,IE7将变成跟 阅读全文
posted @ 2014-03-25 17:22 冰~ice 阅读(292) 评论(0) 推荐(0) 编辑
摘要: iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:如果你关闭自动识别后,又希望某些电话号码能够链接到iPhone的拨号功能,那么可以通过这样来声明电话链接:13800138000//将不识别邮箱这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。 默认值为default(白色),可以定为bl 阅读全文
posted @ 2014-03-11 16:42 冰~ice 阅读(3987) 评论(0) 推荐(0) 编辑
摘要: function checktelephone() {var cellPhone=document.getElementByIdx_x_x_x_x_x("telephone");var RegCellPhone = /^([0-9]{11})?$/;falg=cellPhone.value.search(RegCellPhone);if (falg==-1){alert("手机号不合法!");}}function checkemail(){// 功能函数var temp = document.getElementByIdx_x_x_x_x("e 阅读全文
posted @ 2013-11-29 15:24 冰~ice 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 手机页面中在中加入这句话,可以让页面适应设备的宽度。width=device-width--宽度为设备宽度,如果你的页面宽度小于设备宽度,就需要修改一下这个属性,不然的话会出现可以页面左右滑动,如ipad ios7中客户端页面。initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例 maximum-scale-允许用户缩放到的最大比例 user-scalable-用户是否可以手动缩放 阅读全文
posted @ 2013-11-18 16:10 冰~ice 阅读(3829) 评论(0) 推荐(0) 编辑
摘要: 1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾name即控件name属性,value即控件value属性可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式if($("input[name=row_checkbox]").attr('checked')==true){alert("j");}else{alert("请选择数据!&q 阅读全文
posted @ 2013-11-05 10:11 冰~ice 阅读(1174) 评论(0) 推荐(0) 编辑
摘要: jQuery的live绑定为什么会在mobilesafari上失效呢?其实可以追溯到jQuery里live的实现方式。live的实现方式实际上是通过事件委托机制来实现的,也就是说是通过诸如冒泡的方式在DOM树的相应根节点上绑定事件,这样此结点下的所有节点都会默认绑定了此事件。mobilesafari上之所以live会失效就是因为mobilesafari可能阻止了事件的冒泡(这里也只是推测,实质的原因还在进一步查找),没有给根节点绑定相应的事件,从而导致了问题的产生。jQuery在mobilesafari上使用live进行事件绑定会失效的解决方案有如下两个:(1)将live绑定更改成bind绑. 阅读全文
posted @ 2013-11-01 16:17 冰~ice 阅读(819) 评论(0) 推荐(0) 编辑
摘要: 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。示例设置高亮色为50%透明的红色1-webkit-tap-highlight-color: rgba(255,0,0,0.5);浏览器支持: 只有iOS(iPhone和iPad).android也适用 阅读全文
posted @ 2013-11-01 16:12 冰~ice 阅读(297) 评论(0) 推荐(0) 编辑