-
置换元素在IE浏览器中的疑难杂症
所属栏目：[经验] 日期：2018-09-08 热度：104
置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐。 置换元素与A标签 场景： IE6，A标签内的图片（置换元素），默认隐藏，hover显示 html： a href=[详细]
-
display属性的一点理解 css教程
所属栏目：[经验] 日期：2018-09-08 热度：188
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法，这是从w3school里摘录下来的： 语法： display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目：[经验] 日期：2018-09-08 热度：77
嗯，不是以旧换新，是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时，其实ie下的滤镜早已默默的实现了相似的功能。OK，话不多说，让我们挨个来看一下。 界面滤镜： AlphaImageLoader： 语法： filter:progid:DXImageTran[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目：[经验] 日期：2018-09-08 热度：145
一、Iframe标记的使用 提起Iframe，可能你早已将之扔到被遗忘的角落了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目：[经验] 日期：2018-09-08 热度：185
方法1：css处理： a { width: 80px; overflow: hidden; /*注意不要写在最后了*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } a:hover { text-decoration: none; color: #000; } a href=# style=display:block; ;text-dec[详细]
-
分析border边框属性在浏览器中的渲染方式
所属栏目：[经验] 日期：2018-09-08 热度：62
分析border边框属性在浏览器中的渲染方式 首发小志博客，如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！ 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 no[详细]
-
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 }。[详细]
