-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-25 热度：130
烈火网(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[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目：[经验] 日期：2018-09-19 热度：90
烈火网(LieHuo.Net)CSS教程，今天我们来探讨一下CSS的纵向自适应的问题，也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目：[经验] 日期：2018-09-19 热度：161
IE与FF实现纯英文纯数字字符自动换行 来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]
-
CSS 多个子框架居中
所属栏目：[经验] 日期：2018-09-19 热度：178
有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所[详细]
-
写HTML和CSS的新方法
所属栏目：[经验] 日期：2018-09-19 热度：129
Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子： div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子： div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目：[经验] 日期：2018-09-19 热度：195
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容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-19 热度：97
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目：[经验] 日期：2018-09-19 热度：67
第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档：浏览器默认HTML的CSS样式属性
所属栏目：[经验] 日期：2018-09-19 热度：140
这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目：[经验] 日期：2018-09-19 热度：116
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-19 热度：120
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助[详细]
-
CSS禁止中文输入法（只能输入英文）
所属栏目：[经验] 日期：2018-09-11 热度：58
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目：[经验] 日期：2018-09-11 热度：148
CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。 今天翻出电脑里的资料，发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-11 热度：183
要点： 1.position属性设置为：absolute 2.top和left属性都设为：50% 3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-11 热度：132
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-11 热度：188
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-11 热度：182
问题： 怎么调用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-11 热度：122
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-11 热度：102
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-11 热度：133
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-11 热度：60
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
CSS外部引用时用@import和link 的区别
所属栏目：[经验] 日期：2018-09-04 热度：52
外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。 差别1： link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连[详细]
-
XHTML中JS浮动代码失效的解决方法
所属栏目：[经验] 日期：2018-09-04 热度：153
漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用？ 对联代码，查阅它在xhtml下的表达方式，结果很简单了。这是因为，按照标准来说，我们看到的窗体的滚动条不应该是 body 的，而是 HTML 的（也就是 document.documentElement 对象）所以，解决办法是[详细]
-
HTML基础(二)：HTML内容细则
所属栏目：[经验] 日期：2018-09-04 热度：85
我们在第一讲里概括了一下网页的主要框架，现在我们来详细的研究网页的内部细则： 先从它的身体部分(body) 开始： 欣赏一个网页时，一般先注意到的是这个页面的背景，如果有背景音乐，那就更吸引人了！是不是呀，那么这些是怎么实现的呢？看下边： 1、背景[详细]
-
HTML基础(一)：HTML的组成结构
所属栏目：[经验] 日期：2018-09-04 热度：64
HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。 HTML文件是什么？ HTML表示超文本标记语言（Hyper Text Markup Language）。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器[详细]
浙公网安备 33038102330475号