-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-11 热度：103
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-11 热度：144
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-11 热度：151
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-11 热度：145
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
doctype的markup validation
所属栏目：[经验] 日期：2018-09-09 热度：156
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目：[经验] 日期：2018-09-09 热度：68
最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒， 喜欢让计算[详细]
-
关于iframe的一点发现与思考
所属栏目：[经验] 日期：2018-09-09 热度：63
用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具[详细]
-
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[详细]
