-
innerHTML与innerText及outerHTML的用法区别
所属栏目:[经验] 日期:2018-09-08 热度:190
用法: 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 热度:143
自己在做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 热度:197
本文作者:虚度人生 博客:http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题,被忽视的DOCTYPE,最末说了提倡使用!DOCTYPE HTML,最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题,见代码: !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目:[经验] 日期:2018-09-08 热度:162
最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了, 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒, 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目:[经验] 日期:2018-09-08 热度:200
用了很久的iframe,一直觉得很好用。一般情况头部,底部包括部分侧边栏都会放到iframe里面。用了那么多,今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下,用站长工具[详细]
-
CSS如何控制BR换行符的高度?
所属栏目:[经验] 日期:2018-09-08 热度:89
今天有朋友咨询烈火网小编,关于CSS控制换行符的问题,CSS基本上对 BR 不起作用,如果是 P 之类的话就好控制了。再浏览器中,要取消BR的作用,好像貌似只有用 javascript 替换,或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的,以下为CSS[详细]
-
CSS3中border-radius隐藏的威力
所属栏目:[经验] 日期:2018-09-08 热度:58
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。 如何使用border-radius属性 下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容:[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
-
令人瞠目结舌的47个国外CSS3图像演示
所属栏目:[经验] 日期:2018-09-08 热度:124
或许你已经看过很多关于CSS3动画的技术,包括网页教学网之前发表的一些,那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目:[经验] 日期:2018-09-07 热度:70
没有css3之前,我们需要在PS中创建水晶按钮。有了css3,我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持,但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目:[经验] 日期:2018-09-07 热度:75
问题: 我这个页面只有一个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 热度:182
syntaxhighlighter(点击下载syntaxhighlighter1.5.1)是一个小开源项目,它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言: C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目:[经验] 日期:2018-09-07 热度:80
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目:[经验] 日期:2018-09-07 热度:193
烈火网(LieHuo.Net)教程 在以前的文章中,烈火网不止一次提到过CSS圆角的教程(查看详细),今天在Bolo's blog再次看到关于CSS圆角的实现,有所不同的是,Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读:CSS中文手册 步入正文: 在网页设计越来越[详细]
-
HTML入门教程:打开新窗口和弹出窗口
所属栏目:[经验] 日期:2018-09-07 热度:140
一、 基本变化 参数解释: window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目:[经验] 日期:2018-09-07 热度:85
通常要控制页面显示在固定的空间内,我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码,供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-07 热度:170
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-07 热度:89
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-07 热度:119
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-09-02 热度:54
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-09-02 热度:115
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-09-02 热度:88
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-09-02 热度:81
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-02 热度:83
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-02 热度:134
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-09-02 热度:68
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]