`
文章列表
1.浏览器模式与文档模式概念 在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。   浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。   文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖 ...
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、 椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是 firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的 朋友吧。   1、正方形   最终效果:   CSS代码如下:   1 2 3 4 5 #square {   ...
吐槽ie: 从网上保存了个网页,在本地打开时,里面有张图片在ie下看不了,查了半天,也不知道什么原因。 然后我换了张相同格式的图片,发现可以打开了,我觉得还是图片的问题,所以我又重新下了那张没有打开的图片,发现真的可以打开了。。。好像进了个怪圈,谁能解释下原因。。。
window.open()的所有参数列表前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出 一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息 、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即 可实现。下面我就带您剖析它的奥秘。   【1、最基本的弹出窗口代码】     <SCRIPT LANGUAGE="javascript">   <!--   window.open ('page.html')   -->   ...
看到网上很多代码都很复杂,还包括以中文开头的86,17951,其实谁会填这么多,无非是检验一下他们是否位数对不对,开头有没有写错而已。下面我们从百度百科的手机号码历程来看:现在的手机号码段有联通、移动和电信。 电信 中国电信手机号码开头数字2G/3G号段(CDMA2000网络)133、153、180、181、1894G号段 177 联通
CSS属性 border-collapse : separate | collapse 取值:separate :  默认值。边框独立(标准HTML)collapse :  相邻边被合并
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.doc ...

html email

    博客分类:
  • html
 用于制作邮件内容的HTML模板 <table width="600" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td> <div style="width:600px;text-align:left;font:12px/15px simsun;color:#000;background:#fff;"> <!- ...

Html中常用实体

    博客分类:
  • html
以实体代替与HTML语法相同的字符,避免浏览解析错误。   常用HTML字符实体(建议使用实体): 字符 名称 实体名 实体数 " 双引号 &quot; &#34; & &符 &amp; &#38; < 左尖括号(小于号) &lt; &#60; > 右尖括号(大于号) &gt; &#62;   空格 &nbsp; &#160;   中文全角空格   &#12288; 常用特殊字 ...
Html基础设施 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>NEC:更好的CSS方案</title> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="viewport& ...
高效的CSS已经不是一个新的话题了,也不是我一个非得重拾的话题,但它却是我在Sky公司工作之时,所感兴趣的,关注已久的话题。 有很多人都忘记了,或在简单的说没有意识到,CSS在我们手中,既能很高效,也可以变得很低能。这很容易被忘记,尤其是当你意识到你会的太少,CSS代码效率很低的时候。 下面的规则只真正被应用到那些速度要求很高,有成百上千的DOM元素被绘制在页面上的大型网站。但是,实践出真理,这和你是在创建下一个Facebook,还是写一个本地的展示页面都没有关系,多知道一点总是好的。 CSS选择器: 对我们大多数人来说,CSS选择器并不陌生。最基本的选择器是元素选择器(比如div), ...
    一、响应式布局    相应式布局的核心内容其实就是使用CSS3引入的Media Query模块。它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。   <link rel=”stylesheet” type=”text/css”media=”screen and (max-device-width: 400px) ...
       浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode)。          浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加了对 新标准的支持(Standards Mode),但又没有放弃对原有模式的兼容(Quirks mode),这就是浏览器多种表现模式的来源。   常用的浏览器表现模式包括:   IE   IE包括两种模式:标准模 ...
  chrome谷歌浏览器input会自带边框,这个很讨厌,你可以更改这个边框样式,也可以直接出去掉 这里我们介绍一个去除chrome谷歌浏览器input自带边框样式的方法 在css中加入代码:   1 input,button,select,textarea{outline:none} 2 textarea{resize:none}
Jquery 也有 BUG ? 是的!Jquery hover 事件在 IE 中就存在 Bug ! 因为帮朋友做一个在 elegant-box 主题中的特效要用到 Jquery 中的 hover 替换事件, hover 是 Jquery 中的一个关于鼠标移入、移出时间交替的事件, 主要用于在鼠标移入特定区域、移出特定区域执行绑定函数、动作的效果, 今天在使用时遇到在IE浏览器中的一个 BUG,   $("#div").hover( fun1(), fun2() ); 主要表现在当鼠标移入指定区域后,fun1能正常执行,但fun2会跟着 ...
Global site tag (gtag.js) - Google Analytics