Archive for the ‘网页’ Category

CSS自定义字体

11月 28, 2011 | In: 网页

当用户的系统字体库中没有网页预先设置的字体时,使用下面代码就可以在用户的系统中正常显示不存在的字体。 @font-face{ font-family:"字体名称"; src:url("字体文件.eot"); } 生成EOT字体文件: 1. 使用ttf2eot。 下载地址:http://code.google.com/p/ttf2eot/ ttf2eot 是一个开源项目。支持Linux和Windows的环境,能够快速的生成EOT文件。 2. Microsoft WEFT 下载地址:http://www.microsoft.com/typography/FreeToolsOverview.mspx Microsoft WEFT是微软推出的用来解决网页字体问题的软件。软件能够分析网页中调用了哪些字体,然后从系统中选择对应的字体进行转换,生成的EOT文件,也会根据页面中用到的字体情况进行缩减,所以生成的文件比较小。

css浏览器兼容方法

11月 27, 2011 | In: 网页

通过条件判断引入样式表 在 IE 浏览器中通过条件注释语句加载指定的不同CSS样式表,而其他非 IE 内核浏览器则自动忽略注释。 <!--[if IE 8]><link rel="stylesheet" href="ie8.css"><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="ie7.css"><![endif]--> <!--[if IE 6]><link rel="stylesheet" href="ie6.css"><![endif]--> 这段代码 IE8、IE7、IE6 会加载各自对应的样式文件。 CSS Hacks 能解决问题但不符合W3C规范 _selector{property:value;} //IE6 *selector{property:value;} //IE6 IE7 selector{property:value\9;} //IE6 IE7 IE8 通过条件判断插入指定类 为不同 IE 版本设置样式的类 <!--[if !IE]><html><![endif]--> // 非 IE 浏览器的情况,不添加任何作用类 <!--[if IE 6]><html class="ie6">& ...

IE浏览器的兼容模式

1月 18, 2011 | In: 网页

兼容性对于网页设计师来说非常重要。虽然最好是建立一个完全不需依赖任何网页浏览器特性或功能的网站,但是有时候这是不可能实现的。而文件兼容模式能将网页限制在某个特定版本的IE中。 可以使用 X-UA-Compatible 标头来指定网页支持的IE版本,可以使用 document.documentMode 来判定网页的兼容性模式。 通过选择支持某个特定版本的IE,你可以确保你的网页在未来的浏览器版本中也能显示一致。 指定网页兼容性模式 要为网页指定兼容模式,需要在网页中使用 meta 元素放入 X-UA-Compatible http-equiv 标头。以下范例是指定网页为 IE7 兼容模式。 <html> <head> <!-- Mimic Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > <title>My Web Page</title> </head> <body> <p>Content goes here.</p> & ...

用法: <!--[if IE 8]> Welcome to Internet Explorer 8. <![endif]--> 解释语句如下: ! = The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression.(除了…选择所有) lt = The less-than operator. Returns true if the first argument is less than the second argument.(低于) lte = The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.(低于等于) gt = The greater-than operator. Returns true if the first argument is greater than the second argument.(高于) gte = The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.(高于等于) ( ) = Subexp ...

css中ul设置背景色

12月 10, 2010 | In: 网页

在写css的时候经常会碰到给ul设置了背景色但是却显示不出来的问题,这个问题在不同的浏览器中显示的也不尽相同,比如ie7只显示一部分而firefox却完全不显示背景色。 这个问题比较好解决并且解决的方法也比较多,下面列出解决的方法: 1. 设置ul的高度或者是宽度均可,并且不需要确定值,随便都可以; 2. ul也设置float; 3. ul里设置zoom:1。

分类

归档

ipv6 ready