-
CSS3 nth-child 伪类的用法
所属栏目:[经验] 日期:2018-09-05 热度:100
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-05 热度:148
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
在html网页中使用Visual Earth地图
所属栏目:[经验] 日期:2018-09-05 热度:52
大致可以分为三个步骤: 1:在head/head标签体内添加如下所示的javascript脚本: script type=text/javascript src=http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2/script script type=text/javascript var map = null; function GetMap(){ ma[详细]
-
HTML 网页表单提交的规则文档
所属栏目:[经验] 日期:2018-09-05 热度:115
最近在做一个HTML解析的引擎,在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交,即使为空值 INPUT TYPE=HIDDEN 永远提交,即使[详细]
-
CSS 下拉菜单框架
所属栏目:[经验] 日期:2018-09-05 热度:149
CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架,能在IE5+、 Firefox 1.5+、 Safari 2+、 Chrome 1+和 Opera 7+这些浏览器上运行,但在IE6和IE6之前的浏览器里是通过 Java Script辅助的。你可以修改它,以应用[详细]
-
优化浏览器渲染:将样式表放在页面顶部
所属栏目:[经验] 日期:2018-09-05 热度:193
将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中,这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。(用s[详细]
-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-05 热度:65
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-05 热度:181
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
html5与css3各种浏览器支持的列表
所属栏目:[经验] 日期:2018-09-01 热度:193
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处:http://www.heiniuhaha.cn/blog/?p=1067 原文地址:http://www.findmebyip.com/litmus/#target-selector 烈火小编提示:本文显示的为纯表格样[详细]
-
小提示:理解CSS3 的线性渐变
所属栏目:[经验] 日期:2018-09-01 热度:123
译自:Quick Tip: Understanding CSS3 Gradients 中文:理解CSS3渐变 请尊重版权,转载请注明来源,多谢! 为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目:[经验] 日期:2018-09-01 热度:140
在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目:[经验] 日期:2018-09-01 热度:158
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代[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目:[经验] 日期:2018-09-01 热度:56
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目:[经验] 日期:2018-09-01 热度:124
内容应放在HTML中,而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题: 当CSS可用时,页面的内容正常。 当页面不可用,只能通过https访问时,由于此页面的CSS是http的,所以CSS失效,这个时候页面的内容也不见了,因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目:[经验] 日期:2018-09-01 热度:69
原文:Writing Efficient CSS for use in the Mozilla UI 译文:在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上,后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-01 热度:120
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目:[经验] 日期:2018-09-01 热度:198
在日常的网页设计中,我们经常遇到div层的问题,一般情况下,如果我们想把两个Div层放在同一行,只需要用display:inline就可以做到了,那么您有没有想到过把五个div层放在同一行显示呢?下面就把实例代码送给大家,感谢对烈火网的支持与厚爱。 实例代码:[详细]
-
HTML 的优化杂记
所属栏目:[经验] 日期:2018-09-01 热度:102
在Perfection kills上看到他去年写的一篇文章,关于HTML优化的,讲的很详细,姑且记录之,尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下,对客户端的优化越来越受到关注,如何减少代码,如何让应用快速的展示给用户,如何减[详细]
-
Div+CSS+JS树型菜单(可实时保存)
所属栏目:[经验] 日期:2018-08-28 热度:58
烈火网(LieHuo.Net)教程 今天我们来看一下可以实时保存的树形菜单,这个例子是从blueidea看到的,使用了Div+CSS+JS,看实例代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]
-
正则表达式实现匹配html问题
所属栏目:[经验] 日期:2018-08-28 热度:72
烈火网(LieHuo.Net)教程 我想得到一个div标签,这个标签有其特定的id,怎么匹配一个html中的非此div标签,然后删除,即得到这个div标签。这种方式怎么实现? 答: 结合平衡组可以实现: 平衡组/递归匹配 这里介绍的平衡组语法是由.Net Framework支持的;其[详细]
-
web软件的架构设计用iframe还是load
所属栏目:[经验] 日期:2018-08-28 热度:197
问:公司要开发一款小型web软件,我目前的构思是想模仿163邮箱的架构,顶部+左导航+主要内容显示区.问题如下:我用的jquery库开发,目前我不想使用iframe做为主要内容显示区,而是想使用jquery.load()来加载页面到主要内容显示区,但是我担心jquery.load()的效率[详细]
-
CSS Sprites技术的实际应用(图)
所属栏目:[经验] 日期:2018-08-28 热度:78
css Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的background-image,background- repeat,background-position的组合进行背景定位,background-position可以用数字能精确的定位出背景 图片的位置。 CSS Sprites[详细]
-
CSS居中问题大全 网页制作必学
所属栏目:[经验] 日期:2018-08-28 热度:116
1.块级元素的垂直居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=enheadmeta http-equiv=Content-Type content=text/html; charset=GBK[详细]
-
从print css谈样式表的媒介(media)属性
所属栏目:[经验] 日期:2018-08-25 热度:148
烈火网(LieHuo.Net)教程 平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。 原来print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css: 其实print是样式表(stylesh[详细]
-
CSS教程:line-height的继承问题
所属栏目:[经验] 日期:2018-08-25 热度:117
烈火网(LieHuo.Net)教程 平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为:length|percentage|number| noromal | inherit。em,px和百分数都相对于元素的font-size值计算。但是当一个块级元素继承另一个元素的line-height属性时[详细]