-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-28 热度：182
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-16 热度：119
问题： 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-16 热度：188
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-16 热度：61
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-16 热度：174
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
![CSS Sprites:实用技巧,还是潜在危险?[译]](/uploads/allimg/c160930/14K2325XH120-12111.gif)
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-16 热度：90
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-16 热度：165
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-16 热度：95
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-16 热度：158
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-16 热度：76
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目：[经验] 日期：2018-09-06 热度：154
在日常的网页设计中，我们经常遇到div层的问题，一般情况下，如果我们想把两个Div层放在同一行，只需要用display:inline就可以做到了，那么您有没有想到过把五个div层放在同一行显示呢？下面就把实例代码送给大家，感谢对烈火网的支持与厚爱。 实例代码：[详细]
-
HTML 的优化杂记
所属栏目：[经验] 日期：2018-09-06 热度：174
在Perfection kills上看到他去年写的一篇文章，关于HTML优化的，讲的很详细，姑且记录之，尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下，对客户端的优化越来越受到关注，如何减少代码，如何让应用快速的展示给用户，如何减[详细]
-
CSS3 nth-child 伪类的用法
所属栏目：[经验] 日期：2018-09-06 热度：62
CSS3提供了强大的伪类（pseudo-class）选择器，使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱，但当掌握了以后能大大提高你的代码效率，并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目：[经验] 日期：2018-09-06 热度：196
由于IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是Div，两个浮动层的位置、大小均相等，[详细]
-
在html网页中使用Visual Earth地图
所属栏目：[经验] 日期：2018-09-06 热度：166
大致可以分为三个步骤： 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 热度：54
最近在做一个HTML解析的引擎，在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交，即使为空值 INPUT TYPE=HIDDEN 永远提交，即使[详细]
-
CSS 下拉菜单框架
所属栏目：[经验] 日期：2018-09-06 热度：86
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 热度：107
将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中，这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用s[详细]
-
优化浏览器渲染：指定图片尺寸
所属栏目：[经验] 日期：2018-09-06 热度：175
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。 详细信息 当浏览器勾画页面时，它需要能够流动的，如图片这样的可替换的元素。提供了图片尺寸，浏览器知道去环绕附近的不可替换元素，甚至[详细]
-
优化浏览器渲染：避免CSS expressions
所属栏目：[经验] 日期：2018-09-06 热度：102
概述 CSS表达式会降低浏览器的渲染性能；用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意：本节最佳实践只适用于Internet Explorer 5到7，它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式，而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目：[经验] 日期：2018-08-29 热度：75
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-08-29 热度：154
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-08-29 热度：161
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-08-29 热度：186
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-08-28 热度：117
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和 Firefox 存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
