您正在查看 "Css" 分类下的文章
2008年07月22日 星期二 13:38
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd1111111111111111111111111111111111</div>
效果：可以实现换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden |
2008年01月23日 星期三 20:06
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是 |
2008年01月08日 星期二 17:19
外部引用CSS分为两种方式link和@import。
本质上，这两种方式都是为了加载CSS文件，但还是存在这细微的差别。
差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的 |
2007年10月20日 星期六 15:30
我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。
我们该如何实现多风格选择与样式的实时切换呢？
其实只是IE不支持这个功能，我们完全可以交给浏览器去完成，FireFox就支持这个功能。
假设我们有两套CSS，分别封闭在两个不同的文件中：a.CSS和b.CSS。然后在<head>和</head>之间加入如下两行XHTML代码：
|
2007年09月18日 星期二 08:49
css图片滤镜大全
语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)
滤镜说明：
Alpha：设置透明层次.
blur：创建高速度移动效果，即模糊效果.
Chroma：制作专用颜色透明.
DropShadow：创建对象的固定影子.
FlipH：创建水平镜像图片.
FlipV：创建垂直镜像图片.
glow：加光辉在附近对象的边外.
gray：把图片灰度化.
invert：反色.
light：创建光源在对象上.
mask：创建透明掩膜在对象上.
sha |
|
| 
