-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-09 热度：72
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
网页上添加QQ/MSN/旺旺在线聊天代码
所属栏目：[经验] 日期：2018-09-05 热度：148
很多时候我们都喜欢在博客里加上自己的IM联系方式，如QQ：xxxxx之类的，为了方便别人与我们聊天和知道我们是否在线，添加在线图标就是一个不错的创意，当你在线时，你网页上的IM图标将是亮着的，非常方便。尤其是做淘宝客的，在博客中放上一个qq在线聊天或[详细]
-
FrameSet 上加浮动层问题的解决之策
所属栏目：[经验] 日期：2018-09-05 热度：103
最近在项目中碰到一个问题，项目中使用到了FrameSet做主操作窗口,管理员登录时要看到当前在线用户信息，就在页面增加一个浮动在线列表。 在增加浮动层的过程中，做测试时，单个页面增加浮动层没有问题，但是在项目中增加这个浮动层总是显示的有问题，测试[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目：[经验] 日期：2018-09-05 热度：114
如果你想改变一个 HTML 元素的可见性，你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ？这两个属性有什么不同？在页面元素可见性改变时你如何应对？ Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目：[经验] 日期：2018-09-05 热度：130
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住：你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目：[经验] 日期：2018-09-05 热度：71
postMessage是HTML5中的一个方法，可以用来跨域访问数据。它简单易用，目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法： 在你希望发送信息的window.或者iframe中调用postMessage方法； 指[详细]
-
![CSS pointer-events 允许下层元素被点击[译]](/uploads/allimg/c180905/153611Ba55250-142Q.png)
CSS pointer-events 允许下层元素被点击[译]
所属栏目：[经验] 日期：2018-09-05 热度：131
是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目：[经验] 日期：2018-09-05 热度：78
Windows 画图 程序一直伴随着 Windows 各个版本，这个很简单，几乎没有什么用处的程序拥有最基本的绘图功能，很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能，虽然 HTML5 还远未成熟，但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目：[经验] 日期：2018-09-05 热度：174
导言 随着 Java script的复杂应用和即将推出的的标准和技术，web应用程序变得越来越先进。我们不断依赖这些应用程序，它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中，有一个领域一直很匮乏－－客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目：[经验] 日期：2018-09-05 热度：149
你们中有许多人可能已经听到过有关CSS3的不少传言，但是我们现在能真正用到的CSS3技巧又有哪些呢？本文，我将向你展示一些与众不同的CSS3技巧，这些技巧在一些主要的浏览器中表现良好（如 Firefox ， Chrome ， Safari ， Opera 浏览器）。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目：[经验] 日期：2018-09-05 热度：66
继上篇碳纤维风格的插入式导航菜单，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！ 查看CSS/HTML完整版，请点击这里： 布署文件 在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目：[经验] 日期：2018-08-28 热度：106
关于容器的包涵关系 很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容，高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目：[经验] 日期：2018-08-28 热度：155
容器不扩展问题 这个是经常在我切图的时候遇到的问题，如： !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/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目：[经验] 日期：2018-08-28 热度：116
当HTML元素CSS属性float之后，很难让整体菜单水平居中，可是，我们会想办法来解决这个问题。 我们先写HTML代码，可以看出，跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目：[经验] 日期：2018-08-28 热度：119
技术优势： CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。 实现方法： 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置，给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目：[经验] 日期：2018-08-28 热度：135
烈火网教程 CSS在处理排版之强大，没有做不到，只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体，里面的东西我们根本选择内联无素span，strong，em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目：[经验] 日期：2018-08-28 热度：55
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果，这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现，实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目：[经验] 日期：2018-08-28 热度：101
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目：[经验] 日期：2018-08-28 热度：200
烈火网(Liehuo.Net)教程 在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。 解决方案如下： 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目：[经验] 日期：2018-08-28 热度：162
页面域关系： 主页面a.html所属域A：www.taobao.com 被iframe的页面b.html所属域B：www.alimama.com,假设地址：http://www.alimama.com/b.html 实现效果： A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧：css列的高度自适应控制
所属栏目：[经验] 日期：2018-08-28 热度：138
越来越多的站长加入到互联网的队伍，随着网页w3c标准的逐渐普及，css早已替代古老的表格式网页，烈火网为广大网友精心准备了许多关于CSS的教程，今天我们就来学习一下关于列的控制： 在上文中，我们都已经注明了关于ＣＳＳ的使用，欢迎大家继续关注烈火网[详细]
-
CSS解决浏览器的等宽空格问题
所属栏目：[经验] 日期：2018-08-20 热度：130
很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，[详细]
-
网页基础：实用HTML文件的增强标记
所属栏目：[经验] 日期：2018-08-20 热度：152
近年来，超文本标识语言(HTML)得到了迅速拓展。为满足更多的需要，它增加了许多扩展功能。设计新颖、吸引人的网页已经越来越依赖java applet(小程序)、内嵌脚本、图文框、插件和其 它扩展的HTML功能。这些扩展的HTML功能不仅可以对文本作进一步的格式化，而[详细]
-
10个CSS简写技巧让你永远受用
所属栏目：[经验] 日期：2018-08-20 热度：62
CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的[详细]
-
HTML教程：类型File的Input按钮功能研究
所属栏目：[经验] 日期：2018-08-20 热度：67
在一些网站进行上传时，当单击了浏览按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。 比如 http://www.youku.com/v1.0.0326/v/sw[详细]
