-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-06 热度:175
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-06 热度:52
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目:[经验] 日期:2018-09-06 热度:197
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目:[经验] 日期:2018-09-06 热度:62
置换元素在 IE 浏览器中有不少问题,比方说置换元素的行高就是其中难题之一,当然还有 form 元素 textarea 的边距继承 bug,OK,今天再介绍几个,凑满一箩筐。 置换元素与A标签 场景: IE6,A标签内的图片(置换元素),默认隐藏,hover显示 html: a href=[详细]
-
display属性的一点理解 css教程
所属栏目:[经验] 日期:2018-09-06 热度:130
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法,这是从w3school里摘录下来的: 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目:[经验] 日期:2018-09-06 热度:147
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能。OK,话不多说,让我们挨个来看一下。 界面滤镜: AlphaImageLoader: 语法: filter:progid:DXImageTran[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-09-03 热度:127
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-03 热度:79
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-03 热度:153
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-09-03 热度:95
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目:[经验] 日期:2018-09-03 热度:165
原理: Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目:[经验] 日期:2018-09-03 热度:173
CSS3 很强大,但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面,上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
html5与css3各种浏览器支持的列表
所属栏目:[经验] 日期:2018-09-03 热度:91
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处:http://www.heiniuhaha.cn/blog/?p=1067 原文地址:http://www.findmebyip.com/litmus/#target-selector 烈火小编提示:本文显示的为纯表格样[详细]
-
小提示:理解CSS3 的线性渐变
所属栏目:[经验] 日期:2018-09-03 热度:176
译自:Quick Tip: Understanding CSS3 Gradients 中文:理解CSS3渐变 请尊重版权,转载请注明来源,多谢! 为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目:[经验] 日期:2018-09-03 热度:182
在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目:[经验] 日期:2018-09-03 热度:183
div vertical-align不起作用解决办法 要加上line-height,并且加上 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd CSS代码: #div-a{ height:60px; line-height:60px; } XHTML代[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[经验] 日期:2018-08-24 热度:75
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
无法用CSS设置滚动条颜色的问题
所属栏目:[经验] 日期:2018-08-24 热度:154
烈火网(LieHuo.Net)教程 为什么web标准中,IE无法设置滚动条颜色了。。。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-[详细]
-
Css中id与class的区别是什么
所属栏目:[经验] 日期:2018-08-24 热度:95
烈火网(LieHuo.Net)教程 今日在论坛看到有朋友咨询,关于web标准中定义id与class有什么区别的问题,答:肯定是有重复的。以实例说明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
Css解决火狐下连续长字段自动换行
所属栏目:[经验] 日期:2018-08-24 热度:115
烈火网(LieHuo.Net)教程 请直接看本站的实例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
Css配合Table实现表格嵌套的方法
所属栏目:[经验] 日期:2018-08-24 热度:122
烈火网(LieHuo.Net)教程 本文主要讲述的是关于CSS配合Table实现一个表格嵌套的效果,该效果常用于模块导航,结构清淅,代码简洁。大家不妨认真研究一下。当然,高手朋友请飘过!代码如下: htmlheadtitleCss配合Table实现表格嵌套的方法 - 烈火网(LIEHUO.[详细]
-
HTML技巧:点击收缩Iframe框架效果
所属栏目:[经验] 日期:2018-08-24 热度:112
烈火网(LieHuo.Net)教程 Iframe是我们经常能够用到的Html语法,尤其是在一些网站的后台,今天我们就来说一下如何利用js和iframe制作后台的框架收缩效果,为了方便大家学习,Liehuo.net的小编已经将注释添加在代码内部,下面请看代码: htmlmeta http-equiv[详细]
-
Asp Php Js Html网页跳转代码大全
所属栏目:[经验] 日期:2018-08-24 热度:166
烈火网(LieHuo.Net)教程 Asp Php Js Html网页跳转代码大全,请加入收藏,以备不时之需。 一三种网页跳转代码: 如果你要在服务器端跳转,可以这样: Response.Redirect(www.veryhuo.com) Response.End 如果你要在客户端跳转,可以这样: script language=j[详细]
-
CSS实现鼠标滑动显示隐藏层效果
所属栏目:[经验] 日期:2018-08-24 热度:140
烈火网(LieHuo.Net)教程 昨日有位朋友向烈火网小编请教一个CSS的问题,其实也不是很难的,由于昨天工作太忙,就没有回复他,今天早上来的早,跟MM聊了一下业务上事的,时间有了,赶紧把昨天朋友的事情办了,以免这小子说我重色轻友。哈哈,说主题,他的问[详细]
-
利用CSS定义打开新窗口最正确的方法
所属栏目:[经验] 日期:2018-08-24 热度:130
烈火教程 最早知道的可通过验证的新窗口打开方法是阿捷(网页设计师)的文章利用JS去实现,但是这种方法有一个坏处,有时候会使得这段JS与其它和JS冲突! 于是,我找到了另外一种纯CSS的打开新窗口(懒人图库)的办法,可是这种方法却通不过验证,那么只好加点[详细]
