-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-18 热度：63
烈火网(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[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目：[经验] 日期：2018-09-15 热度：127
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制，结果html validator提示textarea必须有cols和rows属性，否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目：[经验] 日期：2018-09-15 热度：129
烈火网(LieHuo.Net)教程 在日常的上网中，我们经常会看到一些圆角边框，通常是需要用图片来实现的，那么能不能利用纯CSS来设计表格边框的圆角呢？其实是可以的，今天我们就来看一下CSS实现圆角的实例： title无需图片纯CSS设计Table圆角效果－liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目：[经验] 日期：2018-09-15 热度：100
烈火网(LieHuo.Net)教程 很久没在烈火网露面了，看到大家为图片控制大小烦恼 我这有段代码 很不错，设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形！[详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-15 热度：79
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-15 热度：102
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-15 热度：133
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-15 热度：83
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-15 热度：56
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-15 热度：195
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-09 热度：134
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-09 热度：106
问题： 我这个页面只有一个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-09 热度：66
syntaxhighlighter（点击下载syntaxhighlighter1.5.1）是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目：[经验] 日期：2018-09-09 热度：192
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关[详细]
-
5 个简单但非常实用的 CSS 属性
所属栏目：[经验] 日期：2018-09-09 热度：98
这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉，但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性，我指的是旧的 CSS2 中的属性，如：clip，min-height，white-space，curosr 和 display 等一些被所有浏览器广泛支持的属性。因此，千万不要[详细]
-
关于onhashchange事件
所属栏目：[经验] 日期：2018-09-09 热度：150
onhashchange 事件是一个新的事件，改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中，能带来更好的用户体验。我们知道，在一个ajax请求中，每次页面更新不能更新地址栏，历史记录也[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目：[经验] 日期：2018-09-08 热度：66
用法： 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-08 热度：198
自己在做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-08 热度：114
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目：[经验] 日期：2018-09-08 热度：179
最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒， 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目：[经验] 日期：2018-09-08 热度：75
用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具[详细]
-
CSS如何控制BR换行符的高度？
所属栏目：[经验] 日期：2018-09-08 热度：119
今天有朋友咨询烈火网小编，关于CSS控制换行符的问题，CSS基本上对 BR 不起作用，如果是 P 之类的话就好控制了。再浏览器中，要取消BR的作用，好像貌似只有用 javascript 替换，或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的，以下为CSS[详细]
-
CSS3中border-radius隐藏的威力
所属栏目：[经验] 日期：2018-09-08 热度：151
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。 如何使用border-radius属性 下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容：[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
-
令人瞠目结舌的47个国外CSS3图像演示
所属栏目：[经验] 日期：2018-09-08 热度：118
或许你已经看过很多关于CSS3动画的技术，包括网页教学网之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
-
CSS：跨浏览器复合背景
所属栏目：[经验] 日期：2018-09-04 热度：88
最近发现了一个让 IE6~8 也能呈现 CSS3 Multiple Backgrounds（复合背景）的方法，当时我小小的震惊了一下。看来 IE6 曾经的辉煌不单是微软的捆绑和网银的支持造成的，在当年，它强大的功能也令其它浏览器难以追赶。废话不说了，先说说 CSS3 里的标准做法[详细]
