-
如何用纯CSS打造一个弹性日历
所属栏目:[经验] 日期:2018-09-09 热度:197
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目:[经验] 日期:2018-09-09 热度:143
刚刚碰到一个诡异的问题,这样一段CSS代码: background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片,倒塌。。。 代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Go[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目:[经验] 日期:2018-09-09 热度:56
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制,结果html validator提示textarea必须有cols和rows属性,否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
Iframe框架在IE6显示横向滚动条的问题
所属栏目:[经验] 日期:2018-09-09 热度:148
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目:[经验] 日期:2018-09-09 热度:50
烈火网(LieHuo.Net)教程 在日常的上网中,我们经常会看到一些圆角边框,通常是需要用图片来实现的,那么能不能利用纯CSS来设计表格边框的圆角呢?其实是可以的,今天我们就来看一下CSS实现圆角的实例: title无需图片纯CSS设计Table圆角效果-liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目:[经验] 日期:2018-09-09 热度:188
烈火网(LieHuo.Net)教程 很久没在烈火网露面了,看到大家为图片控制大小烦恼 我这有段代码 很不错,设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形![详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目:[经验] 日期:2018-09-09 热度:59
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-08 热度:65
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-08 热度:122
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目:[经验] 日期:2018-09-08 热度:103
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目:[经验] 日期:2018-09-08 热度:127
置换元素在 IE 浏览器中有不少问题,比方说置换元素的行高就是其中难题之一,当然还有 form 元素 textarea 的边距继承 bug,OK,今天再介绍几个,凑满一箩筐。 置换元素与A标签 场景: IE6,A标签内的图片(置换元素),默认隐藏,hover显示 html: a href=[详细]
-
display属性的一点理解 css教程
所属栏目:[经验] 日期:2018-09-08 热度:159
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法,这是从w3school里摘录下来的: 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目:[经验] 日期:2018-09-08 热度:178
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能。OK,话不多说,让我们挨个来看一下。 界面滤镜: AlphaImageLoader: 语法: filter:progid:DXImageTran[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目:[经验] 日期:2018-09-08 热度:78
一、Iframe标记的使用 提起Iframe,可能你早已将之扔到被遗忘的角落了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目:[经验] 日期:2018-09-08 热度:154
方法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 热度:76
分析border边框属性在浏览器中的渲染方式 首发小志博客,如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL,谢谢! 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 no[详细]
-
href="#"与href="javascript:void(0)"的区别
所属栏目:[经验] 日期:2018-09-08 热度:177
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
CSS3 nth-child 伪类的用法
所属栏目:[经验] 日期:2018-09-06 热度:118
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-06 热度:110
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
在html网页中使用Visual Earth地图
所属栏目:[经验] 日期:2018-09-06 热度:73
大致可以分为三个步骤: 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 热度:95
最近在做一个HTML解析的引擎,在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交,即使为空值 INPUT TYPE=HIDDEN 永远提交,即使[详细]
-
CSS 下拉菜单框架
所属栏目:[经验] 日期:2018-09-06 热度:173
CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架,能在IE5+、 Firefox 1.5+、 Safari 2+、 Chrome 1+和 Opera 7+这些浏览器上运行,但在IE6和IE6之前的浏览器里是通过 Java Script辅助的。你可以修改它,以应用[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-09-04 热度:171
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-03 热度:94
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-03 热度:90
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
