-
简单设置iframe的背景色及填充iframe
所属栏目：[经验] 日期：2018-09-09 热度：112
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页[详细]
-
前台开发从头说起：谈谈CSS选择符
所属栏目：[经验] 日期：2018-09-07 热度：98
以前我接受了网上不少博文的说法，一直认为学习css的三大最重要问题是：盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析，xhtml要实现和css的解耦，就要尽量不依赖于css（或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目：[经验] 日期：2018-09-07 热度：84
在日常的网页设计中，我们经常遇到div层的问题，一般情况下，如果我们想把两个Div层放在同一行，只需要用display:inline就可以做到了，那么您有没有想到过把五个div层放在同一行显示呢？下面就把实例代码送给大家，感谢对烈火网的支持与厚爱。 实例代码：[详细]
-
HTML 的优化杂记
所属栏目：[经验] 日期：2018-09-07 热度：76
在Perfection kills上看到他去年写的一篇文章，关于HTML优化的，讲的很详细，姑且记录之，尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下，对客户端的优化越来越受到关注，如何减少代码，如何让应用快速的展示给用户，如何减[详细]
-
CSS3 nth-child 伪类的用法
所属栏目：[经验] 日期：2018-09-07 热度：167
CSS3提供了强大的伪类（pseudo-class）选择器，使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱，但当掌握了以后能大大提高你的代码效率，并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目：[经验] 日期：2018-09-07 热度：73
由于IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是Div，两个浮动层的位置、大小均相等，[详细]
-
html5与css3各种浏览器支持的列表
所属栏目：[经验] 日期：2018-09-05 热度：126
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处：http://www.heiniuhaha.cn/blog/?p=1067 原文地址：http://www.findmebyip.com/litmus/#target-selector 烈火小编提示：本文显示的为纯表格样[详细]
-
小提示：理解CSS3 的线性渐变
所属栏目：[经验] 日期：2018-09-05 热度：83
译自：Quick Tip: Understanding CSS3 Gradients 中文：理解CSS3渐变 请尊重版权，转载请注明来源，多谢！ 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目：[经验] 日期：2018-09-05 热度：70
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个 bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案， 方法1: 代码： html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目：[经验] 日期：2018-09-05 热度：95
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-05 热度：72
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目：[经验] 日期：2018-09-05 热度：181
内容应放在HTML中，而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题： 当CSS可用时，页面的内容正常。 当页面不可用，只能通过https访问时，由于此页面的CSS是http的，所以CSS失效，这个时候页面的内容也不见了，因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目：[经验] 日期：2018-09-05 热度：108
原文：Writing Efficient CSS for use in the Mozilla UI 译文：在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上，后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目：[经验] 日期：2018-09-05 热度：129
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器，可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色，可以这样写 *:target { color : red }。[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目：[经验] 日期：2018-08-31 热度：143
如果你想改变一个 HTML 元素的可见性，你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ？这两个属性有什么不同？在页面元素可见性改变时你如何应对？ Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目：[经验] 日期：2018-08-31 热度：91
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住：你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目：[经验] 日期：2018-08-30 热度：154
postMessage是HTML5中的一个方法，可以用来跨域访问数据。它简单易用，目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法： 在你希望发送信息的window.或者iframe中调用postMessage方法； 指[详细]
-
![CSS pointer-events 允许下层元素被点击[译]](/uploads/allimg/c180830/1535643351X510-195K.png)
CSS pointer-events 允许下层元素被点击[译]
所属栏目：[经验] 日期：2018-08-30 热度：154
是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目：[经验] 日期：2018-08-30 热度：60
Windows 画图 程序一直伴随着 Windows 各个版本，这个很简单，几乎没有什么用处的程序拥有最基本的绘图功能，很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能，虽然 HTML5 还远未成熟，但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目：[经验] 日期：2018-08-30 热度：64
导言 随着 Java script的复杂应用和即将推出的的标准和技术，web应用程序变得越来越先进。我们不断依赖这些应用程序，它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中，有一个领域一直很匮乏－－客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目：[经验] 日期：2018-08-30 热度：83
你们中有许多人可能已经听到过有关CSS3的不少传言，但是我们现在能真正用到的CSS3技巧又有哪些呢？本文，我将向你展示一些与众不同的CSS3技巧，这些技巧在一些主要的浏览器中表现良好（如 Firefox ， Chrome ， Safari ， Opera 浏览器）。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目：[经验] 日期：2018-08-30 热度：93
继上篇碳纤维风格的插入式导航菜单，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！ 查看CSS/HTML完整版，请点击这里： 布署文件 在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目：[经验] 日期：2018-08-30 热度：168
原理： Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目：[经验] 日期：2018-08-30 热度：101
CSS3 很强大，但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面，上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目：[经验] 日期：2018-08-27 热度：88
网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这[详细]
