-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-07 热度:141
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-07 热度:138
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目:[经验] 日期:2018-09-07 热度:160
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目:[经验] 日期:2018-09-07 热度:62
置换元素在 IE 浏览器中有不少问题,比方说置换元素的行高就是其中难题之一,当然还有 form 元素 textarea 的边距继承 bug,OK,今天再介绍几个,凑满一箩筐。 置换元素与A标签 场景: IE6,A标签内的图片(置换元素),默认隐藏,hover显示 html: a href=[详细]
-
display属性的一点理解 css教程
所属栏目:[经验] 日期:2018-09-07 热度:124
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法,这是从w3school里摘录下来的: 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
-
以旧换新的css滤镜
所属栏目:[经验] 日期:2018-09-07 热度:81
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能。OK,话不多说,让我们挨个来看一下。 界面滤镜: AlphaImageLoader: 语法: filter:progid:DXImageTran[详细]
-
GridView截取超过一定宽度的字符
所属栏目:[经验] 日期:2018-09-07 热度:138
方法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 热度:144
分析border边框属性在浏览器中的渲染方式 首发小志博客,如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL,谢谢! 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 no[详细]
-
href="#"与href="javascript:void(0)"的区别
所属栏目:[经验] 日期:2018-09-07 热度:106
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-09-03 热度:93
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-09-03 热度:161
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-09-03 热度:54
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-09-03 热度:178
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
CSS外部引用时用@import和link 的区别
所属栏目:[经验] 日期:2018-09-01 热度:79
外部引用CSS分为两种方式link和@import。本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。 差别1: link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连[详细]
-
XHTML中JS浮动代码失效的解决方法
所属栏目:[经验] 日期:2018-09-01 热度:198
漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用? 对联代码,查阅它在xhtml下的表达方式,结果很简单了。这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)所以,解决办法是[详细]
-
HTML基础(二):HTML内容细则
所属栏目:[经验] 日期:2018-09-01 热度:148
我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则: 先从它的身体部分(body) 开始: 欣赏一个网页时,一般先注意到的是这个页面的背景,如果有背景音乐,那就更吸引人了!是不是呀,那么这些是怎么实现的呢?看下边: 1、背景[详细]
-
HTML基础(一):HTML的组成结构
所属栏目:[经验] 日期:2018-09-01 热度:63
HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。 HTML文件是什么? HTML表示超文本标记语言(Hyper Text Markup Language)。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器[详细]
-
div+css设计中ID的命名习惯和规范
所属栏目:[经验] 日期:2018-09-01 热度:93
大家都知道规范的css命名可以增强样式规则的可读性,便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名,现在看来是很不专业的,也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法,我总结了一套适用自己的id命名写[详细]
-
CSS:跨浏览器复合背景
所属栏目:[经验] 日期:2018-09-01 热度:128
最近发现了一个让 IE6~8 也能呈现 CSS3 Multiple Backgrounds(复合背景)的方法,当时我小小的震惊了一下。看来 IE6 曾经的辉煌不单是微软的捆绑和网银的支持造成的,在当年,它强大的功能也令其它浏览器难以追赶。废话不说了,先说说 CSS3 里的标准做法[详细]
-
Meta标签技巧:拦截搜索引擎,阻止网页被收录
所属栏目:[经验] 日期:2018-09-01 热度:63
烈火网(LieHuo.Net)HTML教程 今天小编在整理一个项目时,遇到关于单个网页阻止搜索引擎收录的问题,由于技术较差,只好去问偶们烈火网的技术大牛。经过谦虚而又真诚的询问,才知道答案,现在分享出来,希望对大家有所帮助。 使用META标签拦截或删除网页:[详细]
-
向玉树地震遇难同胞默哀,网页实现灰白色
所属栏目:[经验] 日期:2018-09-01 热度:72
烈火网(LieHuo.Net)4月20日消息 北京时间2010年4月14日7时49分许,青海省玉树藏族自治州玉树县(北纬33.2度,东经96.6度)发生 7.1级地震 , 震源深度14公里,我中华玉树同胞2000余人遇难,明日是全国哀悼日,烈火网向在玉树地震中遇难的同胞致哀,愿逝者安[详细]
-
网页上添加QQ/MSN/旺旺在线聊天代码
所属栏目:[经验] 日期:2018-09-01 热度:145
很多时候我们都喜欢在博客里加上自己的IM联系方式,如QQ:xxxxx之类的,为了方便别人与我们聊天和知道我们是否在线,添加在线图标就是一个不错的创意,当你在线时,你网页上的IM图标将是亮着的,非常方便。尤其是做淘宝客的,在博客中放上一个qq在线聊天或[详细]
-
FrameSet 上加浮动层问题的解决之策
所属栏目:[经验] 日期:2018-09-01 热度:98
最近在项目中碰到一个问题,项目中使用到了FrameSet做主操作窗口,管理员登录时要看到当前在线用户信息,就在页面增加一个浮动在线列表。 在增加浮动层的过程中,做测试时,单个页面增加浮动层没有问题,但是在项目中增加这个浮动层总是显示的有问题,测试[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目:[经验] 日期:2018-08-23 热度:93
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有...,其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义:[详细]
-
XHTML模块化布局的好处与实例
所属栏目:[经验] 日期:2018-08-23 热度:163
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。 模块具有以下几种基本属性:接口、功能、逻[详细]