-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-09-13 热度：52
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-09-13 热度：155
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目：[经验] 日期：2018-09-13 热度：101
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目：[经验] 日期：2018-09-13 热度：104
本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-09-13 热度：198
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目：[经验] 日期：2018-09-13 热度：82
IE6里DIV错位的问题 采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目：[经验] 日期：2018-09-13 热度：98
本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下：[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目：[经验] 日期：2018-09-13 热度：189
烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-13 热度：123
烈火网(LieHuo.Net)CSS教程 CSS多层绝对定位的一个小演示，多个层嵌套在一起，学习CSS布局的一个好例子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
教你玩转CSS3色彩
所属栏目：[经验] 日期：2018-09-11 热度：158
传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。 CSS3带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是，现在只有 Firefox 3+, Chrome 1.0+ 和 Safari 3+ 以[详细]
-
10大HTML标签常犯的错误 看你错了几个
所属栏目：[经验] 日期：2018-09-11 热度：135
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
CSS教程：dl dt dd标签的简单用法
所属栏目：[经验] 日期：2018-09-11 热度：145
我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(definition title，定义标题)和dd标记(definition description，定义描述)[详细]
-
CSS技巧之如何组织和注释CSS文件
所属栏目：[经验] 日期：2018-09-11 热度：191
关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
-
如何使用 CSS 隐藏网页文字？
所属栏目：[经验] 日期：2018-09-11 热度：187
1.隐 藏文 本和链接：采用隐藏的手段在网页上放置许多文本和链接，浏览者看不到隐藏文本而搜索引擎可以爬取到，从而欺骗搜索引擎对网页关键词的判断。这些手段包括： * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本，如：[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目：[经验] 日期：2018-09-10 热度：194
问题： 我想通过css实现对图片大小的自适应，通过以下代码在ie7和 Firefox 中已经可以正常显示了，但是在ie6里面，宽比高大的（横起的）图片总是比高比宽大的（竖起的）图片矮10个xp，谁知道是为什么啊？ Copy to Clipboard 引用的内容：[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目：[经验] 日期：2018-09-10 热度：100
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目：[经验] 日期：2018-09-10 热度：58
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。 这些统计中比较有趣的部分是，IE6、IE7、IE8之间[详细]
-
CSS Sprites 将小图片整合到一起
所属栏目：[经验] 日期：2018-09-10 热度：100
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点： 当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-07 热度：156
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-07 热度：107
问题： 我这个页面只有一个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 热度：163
syntaxhighlighter（点击下载syntaxhighlighter1.5.1）是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目：[经验] 日期：2018-09-07 热度：105
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目：[经验] 日期：2018-09-07 热度：136
烈火网(LieHuo.Net)教程 在以前的文章中，烈火网不止一次提到过CSS圆角的教程（查看详细），今天在Bolo's blog再次看到关于CSS圆角的实现，有所不同的是，Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读：CSS中文手册 步入正文： 在网页设计越来越[详细]
-
HTML入门教程：打开新窗口和弹出窗口
所属栏目：[经验] 日期：2018-09-07 热度：173
一、 基本变化 参数解释： window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名)，非必须，可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目：[经验] 日期：2018-09-07 热度：60
通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
