Google [站内搜索]

分类: HTML/CSS预览模式: 普通 | 列表

比较innerText和textContent

在IE下,我们用innerText属性来获取节点文本,但FF中没有innerText,而提供了一个功能类似的属性textContent,用久了,感觉innerText和textContent是等效的,今天在网上看了一篇比较它们的文章,转过来:



通过在IE下的结果可以发现,innerText是需要对innerHTML的值进行HTML转义(比如对 、&等转义字符进行处理),经过HTML和CSS样式的解释(比如会把br换成换行符,会将多个空格合并为一个空格,然而原本是换行符的却不会引起换行,IE下会将其当作单词边界<一般是空格>处理),最后剔除格式信息之后而留下的纯文本内容。

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7626

常用颜色的RGB值及中英文名称

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7358

css让页面制作更简单



一个div加css即可完成上边的效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6706

border:none;与border:0;的区别

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

性能差异:

【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5017

IE6.0下PNG显示灰色背景解决方法



如图所示,在IE6.0下PNG会有一个灰色的背景,但Firefox、Opera显示都是正常的,其原因是Microsoft的IE6.0(IE7已经支持)以下没有把PNG的Alpha 通道打开,造成透明PNG图片的效果出不来。解决方法是使用css滤镜:

<div style="width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='report.png')"></div>

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5365

IE对CSS样式表的限制和解决方案

HTML文档与CSS的关联常见有4种方式:

1.使用link标记

<link rel="stylesheet" type="text/css" href="sheet.css" />

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5899

在页面中给swf添加链接

广告商那边提供了一些swf素材让我们制作广告代码,在代码中点击swf时需打开一个页面,由于广告商未提供fla格式文件,我们只能想办法在页面代码中给swf添加链接,最开始想到的是在swf外添加一个<a>:

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 10457
同一WAP站,使用nokia、motorola、Opera访问均正常,但K750c却老是出错,提示:所访问的页面出错 请选择另一链接。页面代码如下:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5600

从宜家的家具设计讲模块化

很久之前就知道 宜家 ,以前在广州的时候也去过一次,给我的印象就是:大、贵、巧。地方很大,东西很贵,设计很巧。现在住的地方离宜家不远,这个月找时间去逛了下,地方还是那么大,东西还是那么贵,设计还是那么的巧。虽然没有买什么东西,不过也还是有所收获的,通过宜家的家具设计方法,我们可以聊聊模块化。

去过宜家的同学应该都有注意到,宜家的家具基本都是组合的,可拆装。模块化的特点也是这样,可以组合,相对独立,在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢?给个简单的例子:

<div class="mode-a">

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4357

CSS精确控制背景图像显示位置

使用CSS的background-image、background-repeat和background-position三个属性,我们就能很容易控制容器背景图的显示位置,这也就为我们将多个图标做到一个文件中并通过CSS控制在不同地方显示不同图案提供了条件,为什么要这么做呢?优势很多:

·将众多图标做到一个文件中能减少客户端对服务器端的请求次数;
·一次性将图片下载到本地,页面显示许多图标或是做些图片翻转效果时能马上显示图片,减少等待时间;

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 7928