文章分类 -  CSS

让网站变灰的css代码（支持IE、Firefox和Chrome）
摘要：方法1：支持IE<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>说明：此方法支持IE，不支持Fire 阅读全文
posted @ 2013-04-23 12:50 xfyn
text-align:center 在FireFox及Google浏览器下无效的问题
摘要：<div style="text-align:center;"> <div style="width:60%;"> </div> </div> 在谷歌浏览器中 包含的div不居中并且靠左.也就是text-align:center; 无效 <div style="text-align:center;"> <div style="width:60%;margin:auto;"> </div> </div> 给里面的div 加 阅读全文
posted @ 2012-07-31 11:33 xfyn
DIV 布局设置高度100%
摘要：DIV 高度100%,也是我们比较常用的一个做法，那么如何高度100%自适应和兼容所有的浏览器是我们今天要讨论的小技巧。一个简单的应用场景是：1234567 <!DOCTYPE html> <html> <head></head> <body> <div id="content">内容</div> </body> </html>根据上面的场景，我们要实现，ID为content的DIV高度100%，我们首先想到的做法是12html,body{height:100%;}# 阅读全文
posted @ 2012-06-04 17:38 xfyn
处理空白符
摘要：下面的表格总结了 white-space 属性的行为：值空白符换行符自动换行pre-line合并保留允许normal合并忽略允许nowrap合并忽略不允许pre保留保留不允许pre-wrap保留保留允许 阅读全文
posted @ 2011-03-17 11:07 xfyn
CSS注意点
摘要：我们还可以通过两种方法使用 RGB 值：p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }请注意，当使用 RGB 百分比时，即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。记得写引号提示：如果值为若干单词，则要给值加引号：p {font-family: "sans serif";}继承及其问题根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：body { fo 阅读全文
posted @ 2011-03-17 09:24 xfyn
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
摘要：一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。浏览器缺省设置外部样式表内部样式表（位于 <head> 标签内部）内联样式（在 HTML 元素内部）因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。 阅读全文
posted @ 2011-03-17 09:17 xfyn