分类: 重构优化预览模式: 普通 | 列表

IE6/IE7/IE8支持css3属性-CSS3 support for IE 6/7/8

作者:逸品 日期:2010-06-17

IE6/7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded)，box-shadow ( shadow)，text-shadow等这些属性呢？这里介绍两个通过htc脚本实现这些属性的方法。

首先下载ie-css3.htc脚本，然后在css中加入：
程序代码 程序代码
behavior: url(ie-css3.htc);


例：

查看更多...

Tags: IE6 IE7 IE8 CSS3 IE

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 41

Google Font Directory 来自Google的网页字体在线缓存服务

作者:逸品 日期:2010-05-20

　　目前网页上使用的字体都是常见的几种，如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了，因为你不能保证客户端是否支持这种字体，常用的方法是用Photoshop把文字制作成图片。 为了让网页设计更加灵活，Google从2010年5月19日启动了网页字体在线缓存服务（Google Font Directory ），并一口气发布了十八种字体族。但与 Monotype Web Fonts、FontShop 等字体商不同，Google 这次开放的字体与它其他很多服务一样，完全免费。

　　Google 目前提供的字体共有十八种，均为目前比较流行的免费字体，包括为 Android 而开发的 Droid 系列，被称为“Fonts for Scholars”的 Cardo，为代码印刷而设计的 Inconsolata，业余之作而不胫走红的 Yanone Kaffeesatz 等等，其中最能引人注目的是字体师 John Fell 设计的 IM Fell 字体。

如何使用此服务？将如下代码复制保存到一个HTML文件中：
程序代码 程序代码
<html>

查看更多...

Tags: Google Font Directory 网页 字体 在线 缓存 服务

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 35

全国哀悼日 建议站点换素装（页面灰度效果）

作者:逸品 日期:2010-04-21

新华网北京4月20日电 国务院决定，为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼，2010年4月21日举行全国哀悼活动，全国和驻外使领馆下半旗志哀，停止公共娱乐活动。

为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码，IE Only。

程序代码 程序代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

查看更多...

Tags: 全国哀悼日 站点 素装 代码

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 339

CSS高度宽度自适应的圆角选项卡

作者:逸品 日期:2010-04-15

这是其中一个选项卡圆角导航，兼容主流浏览器，高度宽度都能自适应。

优点


  • 兼容：IE5.5\IE6\IE7\IE8\..,FireFox,Chrome,Opera,Safari。

查看更多...

Tags: CSS 高度 宽度 自适应 圆角 选项卡

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 116

解决在IE下部分CSS元素透明样式无效

作者:逸品 日期:2009-12-20

IE（5.5+~8）下，某些时候，一些元素在未指定宽度及高度的情况下会出现透明样式无效的问题，而非IE浏览器则正常。

未指定宽度及高度：
HTML代码


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

查看更多...

Tags: 解决 IE CSS 元素 透明样式 无效

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 97

CSS实现的中英文双语导航菜单

作者:逸品 日期:2009-12-17

这是一个完全用CSS实现的中英文双语导航菜单，无脚本和图片，初始时，菜单语言是英文，当鼠标悬停在菜单上时，其变成中文，当然你也可以反过来做。

实现原理：

XHTML
程序代码 程序代码
<ul id="nav">

查看更多...

Tags: CSS 中英文 双语 导航菜单

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 727

美化对SEO大有益处的H1标签

作者:逸品 日期:2009-12-16

大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。
程序代码 程序代码
<h1><img src="http://img.alimama.cn/topicfile/2009-11-20/12587108393821.gif"></h1>

其实通过一点小的调整则可以将两者兼顾。
再来看看这段。H1的代码对搜索引擎依然可读，我们只是利用text-indent:-9999px;将“寒冬暖暖冬装新发表”的文字远远的扔到左边去了。
HTML代码


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

查看更多...

Tags: 美化 SEO H1 标签

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 468

转-纯CSS六级菜单

作者:逸品 日期:2009-09-28

兼容所有主流浏览器（IE6，IE8，Maxthon2.5，firefox3.5，opera10，safari4与chrome2），而一点CSS hack也没有用。
HTML代码


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

查看更多...

Tags: 转 CSS 六级 菜单

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 73

CSS定义HR水平线的几种样式

作者:逸品 日期:2009-08-05

　　对于CSS定义<hr />水平线标签，常用的有以下几种样式，仅供参考。对于
程序代码 程序代码
height:1px;border:none;
的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。

HTML代码


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

查看更多...

Tags: CSS 定义 HR 水平线 样式

分类:重构优化 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 111

各大搜索引擎网站提交登陆入口

作者:逸品 日期:2009-07-07