-
IE与FF实现纯英文纯数字字符自动换行
所属栏目:[经验] 日期:2018-09-16 热度:183
IE与FF实现纯英文纯数字字符自动换行 来源:http://www.heiniuhaha.cn/blog/?p=1112 IE css code: FF js code:[详细]
-
CSS 多个子框架居中
所属栏目:[经验] 日期:2018-09-16 热度:117
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[经验] 日期:2018-09-16 热度:85
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[经验] 日期:2018-09-16 热度:69
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示: IE中,Url可以是相对路径,也可以是绝对路径 。 FF中,Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目:[经验] 日期:2018-09-16 热度:159
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[经验] 日期:2018-09-16 热度:121
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[经验] 日期:2018-09-16 热度:168
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[经验] 日期:2018-09-16 热度:136
IE6下设置了z-index层仍无法置顶的问题,前几天与几个朋友一起探讨,现在把解决方法通过烈火告诉大家。 层代码如下: div id=ad_top/div div id=topstory/div 样式代码如下: .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈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表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]