-
CSS如何控制BR换行符的高度？
所属栏目：[经验] 日期：2018-09-09 热度：72
今天有朋友咨询烈火网小编，关于CSS控制换行符的问题，CSS基本上对 BR 不起作用，如果是 P 之类的话就好控制了。再浏览器中，要取消BR的作用，好像貌似只有用 javascript 替换，或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的，以下为CSS[详细]
-
CSS3中border-radius隐藏的威力
所属栏目：[经验] 日期：2018-09-09 热度：168
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。 如何使用border-radius属性 下面是border-radius属性最基本的使用方法。 Copy to Clipboard 引用的内容：[www.veryhuo.com].round { border-radius: 5px; /* 所有角都使[详细]
-
令人瞠目结舌的47个国外CSS3图像演示
所属栏目：[经验] 日期：2018-09-09 热度：183
或许你已经看过很多关于CSS3动画的技术，包括网页教学网之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用 jQuery 的CSS3时钟 2.模拟时钟 3.使用方向键[详细]
-
利用CSS3 Gradients创建无图片水晶按钮
所属栏目：[经验] 日期：2018-09-09 热度：81
没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (current)、 Safari 4 incl. Mobile Safari、 Chr[详细]
-
CSS实现FLASH在页面中水平垂直居中
所属栏目：[经验] 日期：2018-09-09 热度：97
问题： 我这个页面只有一个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 热度：89
syntaxhighlighter（点击下载syntaxhighlighter1.5.1）是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
contains和compareDocumentPosition 确定是否HTML节点间的关系
所属栏目：[经验] 日期：2018-09-09 热度：70
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关[详细]
-
在html网页中使用Visual Earth地图
所属栏目：[经验] 日期：2018-09-06 热度：148
大致可以分为三个步骤： 1：在head/head标签体内添加如下所示的javascript脚本: script type=text/javascript src=http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2/script script type=text/javascript var map = null; function GetMap(){ ma[详细]
-
HTML 网页表单提交的规则文档
所属栏目：[经验] 日期：2018-09-06 热度：177
最近在做一个HTML解析的引擎，在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交，即使为空值 INPUT TYPE=HIDDEN 永远提交，即使[详细]
-
CSS 下拉菜单框架
所属栏目：[经验] 日期：2018-09-06 热度：60
CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架，能在IE5+、 Firefox 1.5+、 Safari 2+、 Chrome 1+和 Opera 7+这些浏览器上运行，但在IE6和IE6之前的浏览器里是通过 Java Script辅助的。你可以修改它，以应用[详细]
-
优化浏览器渲染：将样式表放在页面顶部
所属栏目：[经验] 日期：2018-09-06 热度：129
将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中，这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用s[详细]
-
优化浏览器渲染：指定图片尺寸
所属栏目：[经验] 日期：2018-09-06 热度：175
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。 详细信息 当浏览器勾画页面时，它需要能够流动的，如图片这样的可替换的元素。提供了图片尺寸，浏览器知道去环绕附近的不可替换元素，甚至[详细]
-
优化浏览器渲染：避免CSS expressions
所属栏目：[经验] 日期：2018-09-06 热度：52
概述 CSS表达式会降低浏览器的渲染性能；用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意：本节最佳实践只适用于Internet Explorer 5到7，它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式，而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目：[经验] 日期：2018-09-06 热度：197
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目：[经验] 日期：2018-09-06 热度：62
置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐。 置换元素与A标签 场景： IE6，A标签内的图片（置换元素），默认隐藏，hover显示 html： a href=[详细]
-
display属性的一点理解 css教程
所属栏目：[经验] 日期：2018-09-06 热度：130
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法，这是从w3school里摘录下来的： 语法： display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目：[经验] 日期：2018-09-06 热度：147
嗯，不是以旧换新，是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时，其实ie下的滤镜早已默默的实现了相似的功能。OK，话不多说，让我们挨个来看一下。 界面滤镜： AlphaImageLoader： 语法： filter:progid:DXImageTran[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目：[经验] 日期：2018-09-03 热度：127
Windows 画图 程序一直伴随着 Windows 各个版本，这个很简单，几乎没有什么用处的程序拥有最基本的绘图功能，很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能，虽然 HTML5 还远未成熟，但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目：[经验] 日期：2018-09-03 热度：79
导言 随着 Java script的复杂应用和即将推出的的标准和技术，web应用程序变得越来越先进。我们不断依赖这些应用程序，它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中，有一个领域一直很匮乏－－客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目：[经验] 日期：2018-09-03 热度：153
你们中有许多人可能已经听到过有关CSS3的不少传言，但是我们现在能真正用到的CSS3技巧又有哪些呢？本文，我将向你展示一些与众不同的CSS3技巧，这些技巧在一些主要的浏览器中表现良好（如 Firefox ， Chrome ， Safari ， Opera 浏览器）。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目：[经验] 日期：2018-09-03 热度：95
继上篇碳纤维风格的插入式导航菜单，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！ 查看CSS/HTML完整版，请点击这里： 布署文件 在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目：[经验] 日期：2018-09-03 热度：165
原理： Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目：[经验] 日期：2018-09-03 热度：173
CSS3 很强大，但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面，上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
html5与css3各种浏览器支持的列表
所属栏目：[经验] 日期：2018-09-03 热度：91
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处：http://www.heiniuhaha.cn/blog/?p=1067 原文地址：http://www.findmebyip.com/litmus/#target-selector 烈火小编提示：本文显示的为纯表格样[详细]
-
小提示：理解CSS3 的线性渐变
所属栏目：[经验] 日期：2018-09-03 热度：176
译自：Quick Tip: Understanding CSS3 Gradients 中文：理解CSS3渐变 请尊重版权，转载请注明来源，多谢！ 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希[详细]
