-
闲谈CSS3动画
所属栏目：[经验] 日期：2018-09-16 热度：169
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目：[经验] 日期：2018-09-07 热度：65
一、Iframe标记的使用 提起Iframe，可能你早已将之扔到被遗忘的角落了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目：[经验] 日期：2018-09-07 热度：61
方法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-07 热度：74
分析border边框属性在浏览器中的渲染方式 首发小志博客，如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！ 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 no[详细]
-
href=＂#＂与href=＂javascript:void(0)＂的区别
所属栏目：[经验] 日期：2018-09-07 热度：164
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目：[经验] 日期：2018-09-07 热度：135
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目：[经验] 日期：2018-09-07 热度：83
置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐。 置换元素与A标签 场景： IE6，A标签内的图片（置换元素），默认隐藏，hover显示 html： a href=[详细]
-
display属性的一点理解 css教程
所属栏目：[经验] 日期：2018-09-07 热度：92
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法，这是从w3school里摘录下来的： 语法： display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目：[经验] 日期：2018-09-07 热度：195
嗯，不是以旧换新，是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时，其实ie下的滤镜早已默默的实现了相似的功能。OK，话不多说，让我们挨个来看一下。 界面滤镜： AlphaImageLoader： 语法： filter:progid:DXImageTran[详细]
-
CSS3 nth-child 伪类的用法
所属栏目：[经验] 日期：2018-09-05 热度：100
CSS3提供了强大的伪类（pseudo-class）选择器，使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱，但当掌握了以后能大大提高你的代码效率，并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目：[经验] 日期：2018-09-05 热度：148
由于IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是Div，两个浮动层的位置、大小均相等，[详细]
-
在html网页中使用Visual Earth地图
所属栏目：[经验] 日期：2018-09-05 热度：52
大致可以分为三个步骤： 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-05 热度：115
最近在做一个HTML解析的引擎，在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交，即使为空值 INPUT TYPE=HIDDEN 永远提交，即使[详细]
-
CSS 下拉菜单框架
所属栏目：[经验] 日期：2018-09-05 热度：149
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-05 热度：193
将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中，这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用s[详细]
-
优化浏览器渲染：指定图片尺寸
所属栏目：[经验] 日期：2018-09-05 热度：65
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。 详细信息 当浏览器勾画页面时，它需要能够流动的，如图片这样的可替换的元素。提供了图片尺寸，浏览器知道去环绕附近的不可替换元素，甚至[详细]
-
优化浏览器渲染：避免CSS expressions
所属栏目：[经验] 日期：2018-09-05 热度：181
概述 CSS表达式会降低浏览器的渲染性能；用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意：本节最佳实践只适用于Internet Explorer 5到7，它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式，而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
html5与css3各种浏览器支持的列表
所属栏目：[经验] 日期：2018-09-01 热度：193
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处：http://www.heiniuhaha.cn/blog/?p=1067 原文地址：http://www.findmebyip.com/litmus/#target-selector 烈火小编提示：本文显示的为纯表格样[详细]
-
小提示：理解CSS3 的线性渐变
所属栏目：[经验] 日期：2018-09-01 热度：123
译自：Quick Tip: Understanding CSS3 Gradients 中文：理解CSS3渐变 请尊重版权，转载请注明来源，多谢！ 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目：[经验] 日期：2018-09-01 热度：140
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个 bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案， 方法1: 代码： html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目：[经验] 日期：2018-09-01 热度：158
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-01 热度：56
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目：[经验] 日期：2018-09-01 热度：124
内容应放在HTML中，而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题： 当CSS可用时，页面的内容正常。 当页面不可用，只能通过https访问时，由于此页面的CSS是http的，所以CSS失效，这个时候页面的内容也不见了，因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目：[经验] 日期：2018-09-01 热度：69
原文：Writing Efficient CSS for use in the Mozilla UI 译文：在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上，后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目：[经验] 日期：2018-09-01 热度：120
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器，可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色，可以这样写 *:target { color : red }。[详细]
