-
简单设置iframe的背景色及填充iframe
所属栏目：[经验] 日期：2018-09-11 热度：74
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目：[经验] 日期：2018-09-11 热度：194
自2007年以来，我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析，本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中，我发现了里面很多都是简约优美serif字体设计，但是简单的设计和风格都非常强大。（烈[详细]
-
Web开发从头说起：理解css盒模型
所属栏目：[经验] 日期：2018-09-11 热度：159
在掌握了丰富而强大的css选择符之后，就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了，接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握，而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目：[经验] 日期：2018-09-11 热度：127
自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误：被裁切的背景（[详细]
-
CSS教程：样式化顺序列表
所属栏目：[经验] 日期：2018-09-11 热度：136
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目：[经验] 日期：2018-09-11 热度：144
这篇文章演示在一个页面上有效的使用div元素来构建网站，而不是使用table元素。因为div元素有很多优势，所以大部分客户开发网站要求设计开发div元素，而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-08 热度：158
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-08 热度：122
问题： 我这个页面只有一个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-08 热度：92
syntaxhighlighter（点击下载syntaxhighlighter1.5.1）是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目：[经验] 日期：2018-09-08 热度：108
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目：[经验] 日期：2018-09-08 热度：107
烈火网(LieHuo.Net)教程 在以前的文章中，烈火网不止一次提到过CSS圆角的教程（查看详细），今天在Bolo's blog再次看到关于CSS圆角的实现，有所不同的是，Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读：CSS中文手册 步入正文： 在网页设计越来越[详细]
-
HTML入门教程：打开新窗口和弹出窗口
所属栏目：[经验] 日期：2018-09-08 热度：102
一、 基本变化 参数解释： window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名)，非必须，可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目：[经验] 日期：2018-09-08 热度：139
通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目：[经验] 日期：2018-09-07 热度：217
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？ 网页设计里的文字排版问题 作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目：[经验] 日期：2018-09-07 热度：109
关于CSS对斜线和圆角的文章，烈火网在以前曾经多次提到，今天正好有位朋友咨询关于使用CSS制作斜线的问题，就把方法告诉他，同时拿来记录一下，方便大家使用： div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目：[经验] 日期：2018-09-07 热度：192
DIV+CSS的出现淘汰一批网页设计制作人员，又造就出一批网页设计制作人员。你属于哪类呢？DIV+CSS已经火了很久，最遭殃的算是这批网页制作人员了，本人清楚的记得当时各个公司 招聘 页面自作人员的情况，DIV+CSS技术几乎成了找到好工作的敲门砖，一时间会DI[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目：[经验] 日期：2018-08-24 热度：146
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果，这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现，实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目：[经验] 日期：2018-08-24 热度：98
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目：[经验] 日期：2018-08-24 热度：159
烈火网(Liehuo.Net)教程 在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。 解决方案如下： 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目：[经验] 日期：2018-08-24 热度：66
页面域关系： 主页面a.html所属域A：www.taobao.com 被iframe的页面b.html所属域B：www.alimama.com,假设地址：http://www.alimama.com/b.html 实现效果： A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧：css列的高度自适应控制
所属栏目：[经验] 日期：2018-08-24 热度：147
越来越多的站长加入到互联网的队伍，随着网页w3c标准的逐渐普及，css早已替代古老的表格式网页，烈火网为广大网友精心准备了许多关于CSS的教程，今天我们就来学习一下关于列的控制： 在上文中，我们都已经注明了关于ＣＳＳ的使用，欢迎大家继续关注烈火网[详细]
-
实例：CSS hacks实现跨浏览器多列布局
所属栏目：[经验] 日期：2018-08-24 热度：108
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事，本教程将着重分析出现在多列布局的多个问题，然后为大家等来一个简单全浏览器通吃的解决方法，不使用图片，脚本，CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目：[经验] 日期：2018-08-24 热度：185
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约，并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选，然而事实并非如此，XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目：[经验] 日期：2018-08-24 热度：81
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程，本文主要以CSS样式为实例，制作了一款非常漂亮的网站导航菜单，代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目：[经验] 日期：2018-08-24 热度：137
先看效果图： 图一：左右布局，左侧宽度固定，右侧自适应剩余宽度 图二：左侧宽度为0px，右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码：[详细]
