-
关于onhashchange事件
所属栏目:[经验] 日期:2018-09-08 热度:116
onhashchange 事件是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。我们知道,在一个ajax请求中,每次页面更新不能更新地址栏,历史记录也[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目:[经验] 日期:2018-09-08 热度:119
用法: div id=test span style=color:redtest1/span test2 /div 在 JS中可以使用: test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是span style=color:redtest1 /span test2 。 test.innerTe[详细]
-
WEB开发中被忽视的DOCTYPE
所属栏目:[经验] 日期:2018-09-08 热度:164
自己在做web开发的时候,往往着重于界面设计及数据逻辑上的处理,而对一些细节不是特别注意。 doctype就是其中一个: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd 1.doctype是什么 doctype标签 用来指定d[详细]
-
doctype的markup validation
所属栏目:[经验] 日期:2018-09-08 热度:68
本文作者:虚度人生 博客:http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题,被忽视的DOCTYPE,最末说了提倡使用!DOCTYPE HTML,最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题,见代码: !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目:[经验] 日期:2018-09-08 热度:197
最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了, 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒, 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目:[经验] 日期:2018-09-08 热度:191
用了很久的iframe,一直觉得很好用。一般情况头部,底部包括部分侧边栏都会放到iframe里面。用了那么多,今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下,用站长工具[详细]
-
CSS如何控制BR换行符的高度?
所属栏目:[经验] 日期:2018-09-08 热度:113
今天有朋友咨询烈火网小编,关于CSS控制换行符的问题,CSS基本上对 BR 不起作用,如果是 P 之类的话就好控制了。再浏览器中,要取消BR的作用,好像貌似只有用 javascript 替换,或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的,以下为CSS[详细]
-
CSS3中border-radius隐藏的威力
所属栏目:[经验] 日期:2018-09-08 热度:53
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。 如何使用border-radius属性 下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容:[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
-
令人瞠目结舌的47个国外CSS3图像演示
所属栏目:[经验] 日期:2018-09-08 热度:190
或许你已经看过很多关于CSS3动画的技术,包括网页教学网之前发表的一些,那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目:[经验] 日期:2018-09-07 热度:170
没有css3之前,我们需要在PS中创建水晶按钮。有了css3,我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持,但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目:[经验] 日期:2018-09-07 热度:60
问题: 我这个页面只有一个FLASH我要如何才能让它 垂直+水平居中呢 回答: htmlheadtitledemo/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 //title/headbodydiv id=container style=display:table-cell;width:800px;height:800px[详细]
-
SyntaxHighlighter配置HTML代码高亮显示
所属栏目:[经验] 日期:2018-09-07 热度:94
syntaxhighlighter(点击下载syntaxhighlighter1.5.1)是一个小开源项目,它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言: C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目:[经验] 日期:2018-09-07 热度:167
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目:[经验] 日期:2018-09-07 热度:115
烈火网(LieHuo.Net)教程 在以前的文章中,烈火网不止一次提到过CSS圆角的教程(查看详细),今天在Bolo's blog再次看到关于CSS圆角的实现,有所不同的是,Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读:CSS中文手册 步入正文: 在网页设计越来越[详细]
-
HTML入门教程:打开新窗口和弹出窗口
所属栏目:[经验] 日期:2018-09-07 热度:89
一、 基本变化 参数解释: window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目:[经验] 日期:2018-09-07 热度:118
通常要控制页面显示在固定的空间内,我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码,供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-07 热度:90
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-07 热度:152
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-07 热度:176
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目:[经验] 日期:2018-09-05 热度:161
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目:[经验] 日期:2018-09-05 热度:190
原文:Writing Efficient CSS for use in the Mozilla UI 译文:在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上,后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-05 热度:150
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
html5与css3各种浏览器支持的列表
所属栏目:[经验] 日期:2018-09-04 热度:135
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处:http://www.heiniuhaha.cn/blog/?p=1067 原文地址:http://www.findmebyip.com/litmus/#target-selector 烈火小编提示:本文显示的为纯表格样[详细]
-
小提示:理解CSS3 的线性渐变
所属栏目:[经验] 日期:2018-09-04 热度:110
译自:Quick Tip: Understanding CSS3 Gradients 中文:理解CSS3渐变 请尊重版权,转载请注明来源,多谢! 为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目:[经验] 日期:2018-09-04 热度:136
在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: html { overflow-y: scroll[详细]
