-
href=＂#＂与href=＂javascript:void(0)＂的区别
所属栏目：[经验] 日期：2018-09-08 热度：56
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-07 热度：132
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-07 热度：50
问题： 我这个页面只有一个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 热度：87
syntaxhighlighter（点击下载syntaxhighlighter1.5.1）是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目：[经验] 日期：2018-09-07 热度：128
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目：[经验] 日期：2018-09-07 热度：153
烈火网(LieHuo.Net)教程 在以前的文章中，烈火网不止一次提到过CSS圆角的教程（查看详细），今天在Bolo's blog再次看到关于CSS圆角的实现，有所不同的是，Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读：CSS中文手册 步入正文： 在网页设计越来越[详细]
-
HTML入门教程：打开新窗口和弹出窗口
所属栏目：[经验] 日期：2018-09-07 热度：101
一、 基本变化 参数解释： window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名)，非必须，可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目：[经验] 日期：2018-09-07 热度：157
通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目：[经验] 日期：2018-09-07 热度：92
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？ 网页设计里的文字排版问题 作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目：[经验] 日期：2018-09-07 热度：147
关于CSS对斜线和圆角的文章，烈火网在以前曾经多次提到，今天正好有位朋友咨询关于使用CSS制作斜线的问题，就把方法告诉他，同时拿来记录一下，方便大家使用： div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目：[经验] 日期：2018-09-07 热度：100
DIV+CSS的出现淘汰一批网页设计制作人员，又造就出一批网页设计制作人员。你属于哪类呢？DIV+CSS已经火了很久，最遭殃的算是这批网页制作人员了，本人清楚的记得当时各个公司 招聘 页面自作人员的情况，DIV+CSS技术几乎成了找到好工作的敲门砖，一时间会DI[详细]
-
html5与css3各种浏览器支持的列表
所属栏目：[经验] 日期：2018-09-02 热度：88
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处：http://www.heiniuhaha.cn/blog/?p=1067 原文地址：http://www.findmebyip.com/litmus/#target-selector 烈火小编提示：本文显示的为纯表格样[详细]
-
小提示：理解CSS3 的线性渐变
所属栏目：[经验] 日期：2018-09-02 热度：119
译自：Quick Tip: Understanding CSS3 Gradients 中文：理解CSS3渐变 请尊重版权，转载请注明来源，多谢！ 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目：[经验] 日期：2018-09-02 热度：138
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个 bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案， 方法1: 代码： html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目：[经验] 日期：2018-09-02 热度：190
div vertical-align不起作用解决办法 要加上line-height，并且加上 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd CSS代码： #div-a{ height:60px; line-height:60px; } XHTML代[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目：[经验] 日期：2018-09-02 热度：66
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目：[经验] 日期：2018-09-02 热度：67
内容应放在HTML中，而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题： 当CSS可用时，页面的内容正常。 当页面不可用，只能通过https访问时，由于此页面的CSS是http的，所以CSS失效，这个时候页面的内容也不见了，因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目：[经验] 日期：2018-09-02 热度：52
原文：Writing Efficient CSS for use in the Mozilla UI 译文：在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上，后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目：[经验] 日期：2018-09-02 热度：52
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器，可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色，可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目：[经验] 日期：2018-09-02 热度：172
在日常的网页设计中，我们经常遇到div层的问题，一般情况下，如果我们想把两个Div层放在同一行，只需要用display:inline就可以做到了，那么您有没有想到过把五个div层放在同一行显示呢？下面就把实例代码送给大家，感谢对烈火网的支持与厚爱。 实例代码：[详细]
-
HTML 的优化杂记
所属栏目：[经验] 日期：2018-09-02 热度：144
在Perfection kills上看到他去年写的一篇文章，关于HTML优化的，讲的很详细，姑且记录之，尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下，对客户端的优化越来越受到关注，如何减少代码，如何让应用快速的展示给用户，如何减[详细]
-
Css 优先级问题分析
所属栏目：[经验] 日期：2018-08-30 热度：142
css优先级的四大原则： 原则一： 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1： CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号？/span 运行结果：.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目：[经验] 日期：2018-08-30 热度：186
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目：[经验] 日期：2018-08-30 热度：68
在css的构建过程中，我们经常会定义某种属性，而这些属性又在多处使用。如字体的大小，颜色等。那么我们怎么样才可以最大限度的重用呢？ 本讨论中，列举使用这两个属性（字体大小，颜色）的例子。如我们需要定义一段红色，字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目：[经验] 日期：2018-08-30 热度：140
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
