CSS3 box-sizing属性

说到 IE 的 bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的
收藏 0 赞 0 分享

pre 自动换行的问题

本站文章中使用了 pre 格式输出 代码。 而浏览器默认是强制不换行输出 pre 里的内容。这样的话,代码一长就出现了撑到页面外部的样子。在之前我都是有意的在代码里强制换行... 累啊. 今天有意的google了下,找到了: [code] pre { whitewhite-s
收藏 0 赞 0 分享

CSS Sprites 技术分析

CSS Sprites技术不新鲜,早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传,后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之
收藏 0 赞 0 分享

CSS 图片定位的几种方式

图片定位: align="absmiddle" <samp style="position:relative;left:300px;"><img src="" /> </samp>
收藏 0 赞 0 分享

csdn 博客的 css样式 v5

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan  面对csdn极其xx的改版,彻底xx。改吧。 c
收藏 0 赞 0 分享

div+css学习笔记(IE与fox好多不兼容的问题)

一直用ie为准做网页,今天到火狐官方网站下了个没有google插件的安装了(特别讨厌插件,而国内几乎下载不到没有google插件的火狐浏览器!) 打开一看,哇哈,终于来了,ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决,慢慢搜索。。。。。
收藏 0 赞 0 分享

让你的页面对 IE6 显示出黑白色(多浏览器)

很简单,加上下面的样式: [code] body,p,div,table,fieldset,pre {_filter: gray!important;} [/code] 因为 IE 里面只有 IE6 会忽略下划线,而其他浏览器会将 _filter 视为无效属性。 本博客经
收藏 0 赞 0 分享

li 自适应宽度

[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
收藏 0 赞 0 分享

样式表达式实现交替显示table行颜色

[html] <heand> <mce:style type="text/css"><!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"
收藏 0 赞 0 分享

CSS 实例实现清除浮动

在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子: HTML4STRICT代码: &l
收藏 0 赞 0 分享

CSS Sprites 圆角制作教程

初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用
收藏 0 赞 0 分享

css 控制图片大小 小于固定值 控制大小

今天在做CMS模板的时候,文章页面需要这个代码实现,找了一段,放在这里做备用。哈哈。 第一次找的这个不太行。 <A href="" target=_blank><IMG src="" onload="java
收藏 0 赞 0 分享

CSS 各种滤镜代码解释 用法案例

CSS滤镜参考 语法:STYLE="filter:filtername(fparameter1, fparameter2...)"   (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数) script 语法:H
收藏 0 赞 0 分享

关于css @import url()总结

今天群里无意谈到了@import url(),不太常用,争论很大。一开始是由于一个兼容问题: @import url(/css/a.css) 很简单但出现了兼容问题,在ff下无法调用样式,大家都以为是@import搞的怪,但用link后问题依然出现。经过一番讨论原来是绝对路径在f
收藏 0 赞 0 分享

一个非常精典的纯CSS漫画,登峰造极.

纯CSS打造的漫画,让枯燥变的活泼,让局限变的无限 有的人说没有意义,我觉得意义重大。 让枯燥变的活泼,让局限变的无限,请点击以下运行看演示。 [html] <div style="width: 100%; height: 466px;">
收藏 0 赞 0 分享

针对firefox ie6 ie7 ie8的css样式hack

针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错
收藏 0 赞 0 分享

css 背景透明 实现代码

效果预览:   css: [code] 1: <style type="text/css"> 2: <!-- 3: body{ 4: margin:0; 5: padding:0; 6: background-col
收藏 0 赞 0 分享

css 横排 实现代码

效果预览:   css: [code] <style type="text/css"> <!-- .table_tile{ text-align:left; height: 20px; width: 25%; flo
收藏 0 赞 0 分享

CSS 样式 层裁剪图片

[code] <div style="width: 800px; height: 100px; overflow: hidden;"> <img style="margin-top:-25px;" src="h
收藏 0 赞 0 分享

CSS 像素图制作攻略

以图片中的色青蛙为例子。 16X16的像素图,所以使用了如下的命名方法: r N c N - NN = r[0-15]c[0-15] (r = rol, c-col, N为自然数:0-15 ) 1.命名的规则抄袭了XXX栅格化的那篇文章。 r0c1 即表示
收藏 0 赞 0 分享