-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c181003/153U5431NT60-15c2.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[经验] 日期：2018-10-03 热度：138
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-10-03 热度：122
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-10-03 热度：75
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目：[经验] 日期：2018-10-03 热度：108
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目：[经验] 日期：2018-10-03 热度：129
本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-10-03 热度：108
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-16 热度：184
问题： 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-16 热度：143
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-16 热度：102
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-16 热度：143
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-16 热度：77
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-16 热度：61
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-16 热度：92
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-16 热度：93
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-16 热度：142
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-16 热度：81
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
HTML成为过去 Dreamweaver濒临死亡?
所属栏目：[经验] 日期：2018-08-18 热度：107
我已经收到了很多关于我最近一期数码设计专栏的非常善意的电子邮件，但是我不得不承认，其中有一些让我感到些微不爽。 这些邮件是设计者们为了感谢我而发的，当他们从印刷物设计转移到网页设计的时候，我曾为他们指向了Dreamweaver的道路。他们已经对Dream[详细]
-
5个通用CSS Frameworks框架/工具/教程
所属栏目：[经验] 日期：2018-08-18 热度：83
烈火建站学院（LieHuo.Net）CSS文档 当表现和内容混合的网页布局逐步淡出时，网页设计最复杂的操作就集中在了CSS布局上，对于每一个新的网站，我们可能都会使用不同的样式命名规则、定义方式。CSS定义不能重复使用的问题，加重了我们的网站项目开发任务。[详细]
-
CSS之display:inline与display:block
所属栏目：[经验] 日期：2018-08-17 热度：112
烈火建站学院（LieHuo.Net）CSS教程 CSS权威指南中文字显示：任何不是块级元素的可见元素都是内联元素，其表现的特性是行布局形式。 float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者换句话来说当应用了float那么这个元素将被指定为块[详细]
-
网页制作基本概念：HTML、asp、XML
所属栏目：[经验] 日期：2018-08-17 热度：171
烈火建站学院（LieHuo.Net）网页教程 网页制作基本概念介绍:什么是HTML,什么是ASP,什么是XML.HTML是Hypertext Markup Language的缩写,即超文本标记语言;ASP是Active Server Page的缩写;XML是Extensible Markup Language的缩写,即可扩展标记语言. 什么是HTM[详细]
-
阐述网站设计和DIV+CSS网页布局常犯错误
所属栏目：[经验] 日期：2018-08-17 热度：58
1、导航菜单使用图片、FLASH 导航菜单使用图片、FLASH当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法(我会在下次谈到这一个方法的);如果你要使用FLASH做导航，那我就没你[详细]
-
教你如何把HTML+CSS通过W3C的测试
所属栏目：[经验] 日期：2018-08-17 热度：122
一、在 div class=tzhI am TZH!/div 这段语句中有什么错误？ 标点符号问题。这其实也是大家最容易忽视的问题，其实就是小小的两个引号，就造成了这个错误。虽然很多浏览器在不加引号的情况下仍然能正确识别渲染。但是这样想要通过严格的W3C XHTML国际标准[详细]
-
实例代码：用html语言显示xml中的数据
所属栏目：[经验] 日期：2018-08-17 热度：107
烈火建站学院（LieHuo.Net）实例代码：用html语言显示xml中的数据。 1.将下面文件存为myfile.dtd 2.然后建立XML文档myfile.xml: 3.建立HTML文档myfile.html[详细]
-
〈html:image〉与〈html:img〉的区别
所属栏目：[经验] 日期：2018-08-17 热度：192
烈火建站学院（LieHuo.Net）HTML教程 近日有朋友在站长问答论坛提到html:image和html:img的区别，其实这个问题很简单，可能很多站长也会在脑子里回放，估计真正去分析和知道的朋友就不太多了，今天烈火建站学院的小编来给大家介绍一下： html:image具有自[详细]
-
css教程：有关clip中rect的剪裁属性
所属栏目：[经验] 日期：2018-08-17 热度：80
htmlheadtitleclip中rect的剪裁 - liehuo.net/titlestyle type=text/cssimg{ position:absolute; clip:rect(0px 50px 200px 0px); }.show{width:100px; height:100px; background:url(../image/color.jpg); position:absolute; left:50px; clip:rect(0px 5[详细]
