-
IE与FF实现纯英文纯数字字符自动换行
所属栏目：[经验] 日期：2018-09-18 热度：77
IE与FF实现纯英文纯数字字符自动换行 来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]
-
CSS 多个子框架居中
所属栏目：[经验] 日期：2018-09-18 热度：199
有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所[详细]
-
写HTML和CSS的新方法
所属栏目：[经验] 日期：2018-09-18 热度：87
Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子： div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子： div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目：[经验] 日期：2018-09-18 热度：69
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示： IE中，Url可以是相对路径，也可以是绝对路径 。 FF中，Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目：[经验] 日期：2018-09-18 热度：164
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目：[经验] 日期：2018-09-18 热度：87
第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档：浏览器默认HTML的CSS样式属性
所属栏目：[经验] 日期：2018-09-18 热度：174
这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目：[经验] 日期：2018-09-18 热度：119
IE6下设置了z-index层仍无法置顶的问题，前几天与几个朋友一起探讨，现在把解决方法通过烈火告诉大家。 层代码如下： div id=ad_top/div div id=topstory/div 样式代码如下： .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈CSS3动画
所属栏目：[经验] 日期：2018-09-18 热度：171
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目：[经验] 日期：2018-09-05 热度：63
用法： 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-05 热度：108
自己在做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-05 热度：125
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目：[经验] 日期：2018-09-05 热度：170
最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒， 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目：[经验] 日期：2018-09-05 热度：112
用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具[详细]
-
CSS如何控制BR换行符的高度？
所属栏目：[经验] 日期：2018-09-05 热度：167
今天有朋友咨询烈火网小编，关于CSS控制换行符的问题，CSS基本上对 BR 不起作用，如果是 P 之类的话就好控制了。再浏览器中，要取消BR的作用，好像貌似只有用 javascript 替换，或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的，以下为CSS[详细]
-
CSS3中border-radius隐藏的威力
所属栏目：[经验] 日期：2018-09-05 热度：95
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。 如何使用border-radius属性 下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容：[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
-
令人瞠目结舌的47个国外CSS3图像演示
所属栏目：[经验] 日期：2018-09-05 热度：118
或许你已经看过很多关于CSS3动画的技术，包括网页教学网之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-05 热度：127
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-05 热度：136
问题： 我这个页面只有一个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[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目：[经验] 日期：2018-08-25 热度：142
网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目：[经验] 日期：2018-08-25 热度：54
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局，让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader，利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处，主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目：[经验] 日期：2018-08-25 热度：157
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目：[经验] 日期：2018-08-25 热度：188
烈火建站学院(LieHuo.Net)讯 请运行代码查看演示，或者先修改部分代码! !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/xhtml xml:lang=zh-cn[详细]
-
CSS规则的结构和Grouping、class和id
所属栏目：[经验] 日期：2018-08-25 热度：63
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目：[经验] 日期：2018-08-25 热度：157
XHTML这个被认为是HTML 4的继任者，是HTML和XML的结合体。通过结合 XML和HTML的功能，XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范：Strict（严格）、Transitional（过渡）和Frameset（框架）。 XHTML 1.0 Strict（[详细]
