-
纯CSS圆角框:基本的圆角框
所属栏目:[经验] 日期:2018-09-10 热度:78
序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目:[经验] 日期:2018-09-10 热度:182
在进行页面的XHTML+CSS排版时,遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目:[经验] 日期:2018-09-10 热度:56
问题: 在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大[详细]
-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-07 热度:118
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-07 热度:95
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目:[经验] 日期:2018-09-07 热度:75
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目:[经验] 日期:2018-09-07 热度:136
置换元素在 IE 浏览器中有不少问题,比方说置换元素的行高就是其中难题之一,当然还有 form 元素 textarea 的边距继承 bug,OK,今天再介绍几个,凑满一箩筐。 置换元素与A标签 场景: IE6,A标签内的图片(置换元素),默认隐藏,hover显示 html: a href=[详细]
-
display属性的一点理解 css教程
所属栏目:[经验] 日期:2018-09-07 热度:111
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法,这是从w3school里摘录下来的: 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目:[经验] 日期:2018-09-07 热度:58
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能。OK,话不多说,让我们挨个来看一下。 界面滤镜: AlphaImageLoader: 语法: filter:progid:DXImageTran[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目:[经验] 日期:2018-09-07 热度:170
一、Iframe标记的使用 提起Iframe,可能你早已将之扔到被遗忘的角落了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目:[经验] 日期:2018-09-07 热度:135
方法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 热度:90
分析border边框属性在浏览器中的渲染方式 首发小志博客,如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL,谢谢! 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 no[详细]
-
href="#"与href="javascript:void(0)"的区别
所属栏目:[经验] 日期:2018-09-07 热度:86
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-31 热度:129
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug,官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
CSS中几种浏览器 兼容性定义
所属栏目:[经验] 日期:2018-08-31 热度:68
CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 !--其他浏览器 -- link rel=stylesheet type=text/css href=css.css / !--[if IE 7][详细]
-
css技巧:列表菜单的设计
所属栏目:[经验] 日期:2018-08-31 热度:80
这是一个很简单的教程,主要教你怎么用list的边框样式和背景图像来创建一个菜单出来.技巧在于使用list的相对定位,来转移边框的位置.这个技巧非常灵活,你可以轻松的改变边框和背景的布局.它甚至可以让浏览器的字体逐渐变小(也可以增大). 1.认真的查看下面的h[详细]
-
CSS属性选择器(Attribute Selectors)的四种格式
所属栏目:[经验] 日期:2018-08-31 热度:177
烈火网(LieHuo.Net)教程 属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性[详细]
-
正确认识DIV+CSS布局
所属栏目:[经验] 日期:2018-08-31 热度:145
有不少网友在谈论用到div+CSS布局这个说法,用来和table布局比较。it560认为实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常[详细]
-
IE9初窥:支持CSS3,和HTML5?
所属栏目:[经验] 日期:2018-08-31 热度:123
微软昨天在其2009年专业开发者大会上展示了下一个版本的Internet Explorer浏览器 IE9 。 尽管只是一个早期版本,IE开发团队还是比较高调的宣布了IE9的一些改进,比如速度比之前的IE版本都更快些,缩小与FF和webkit之间的差距(也就是还是赶不上了?),支持CS[详细]
-
Css教程:ie6的fixed解决方案
所属栏目:[经验] 日期:2018-08-31 热度:152
烈火网(LieHuo.Net)教程 ie7,firefox都可以支持postion:fixed (随页面滚动),只是对ie6不起作用,其实解决的方法比较简单,在css里定义一个表达式就可以了。比如要把id为left_menu的元素fixed,就可以这样: Copy to Clipboard 引用的内容:[www.veryhuo.c[详细]
-
同页面实现html+js表单提交输出功能
所属栏目:[经验] 日期:2018-08-31 热度:140
烈火网(LieHuo.Net)教程 同一页面实现表单提交输出效果,本功能是利用 Java script实现的,可广泛用于表单提交时的确认,喜欢的朋友就收藏了吧。下面是实际代码: htmlheadtitle同一个页面内实现html+js表单提交输出功能 - liehuo.net/titlemeta http-equi[详细]
-
使用DIV+CSS网站布局的利弊分析
所属栏目:[经验] 日期:2018-08-31 热度:92
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,烈火网也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽[详细]
-
CSS经验:与您分享六个CSS习惯
所属栏目:[经验] 日期:2018-08-31 热度:175
我们在我爱CSS中向大家介绍过很多CSS经验与技巧,这些东西都发布在52CSS.com的文章中,相信对大家是有一些帮助与启发的。有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写最近的。这些习惯都跟技术无关,如果不遵守,也不[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目:[经验] 日期:2018-08-23 热度:51
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有...,其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义:[详细]
-
XHTML模块化布局的好处与实例
所属栏目:[经验] 日期:2018-08-23 热度:50
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。 模块具有以下几种基本属性:接口、功能、逻[详细]