css教程


菜单 stepdown 呈递下沉的解决方法
关于stepdown,确实不知道能用什么精辟的语言来形容他,其实就是浮动层下呈递下沉状态,如上图所示这个画面让我们不难相处,笔者是想做一个菜单之类的东西,每个块是左浮动。那让我们看看代码应该怎么些吧:像大多数菜单一样,应该创建一个无序列表如下...
2016-04-19 css教程
3

CSS3 box-sizing属性
说到 IE 的 bug,一个臭名昭著的例子是它对于盒模型的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的 box 都要思量一下:是否触发了盒模型...
2016-04-19 css教程
3

pre 自动换行的问题
本站文章中使用了 pre 格式输出 代码。 而浏览器默认是强制不换行输出 pre 里的内容。这样的话,代码一长就出现了撑到页面外部的样子。在之前我都是有意的在代码里强制换行... 累啊. 今天有意的google了下,找到了: [code]pre { whitewhite-space: pre-wrap;...
2016-04-19 css教程
25

CSS Sprites 技术分析
CSS Sprites技术不新鲜,早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传,后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅,其中第一条规则Make Fewer HTTP Req...
2016-04-19 css教程
7

CSS 图片定位的几种方式
图片定位: align=absmiddle samp style=position:relative;left:300px;img src= / /samp div style=width:300px;height:300px;background-position:50% 50%;/div...
2016-04-19 css教程
27

csdn 博客的 css样式 v5
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan面对csdn极其xx的改版,彻底xx。改吧。csdn把左右对调了一下,左边是文章,右边...
2016-04-19 css教程
33

div+css学习笔记(IE与fox好多不兼容的问题)
一直用ie为准做网页,今天到火狐官方网站下了个没有google插件的安装了(特别讨厌插件,而国内几乎下载不到没有google插件的火狐浏览器!) 打开一看,哇哈,终于来了,ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决,慢慢...
2016-04-19 css教程
7

让你的页面对 IE6 显示出黑白色(多浏览器)
很简单,加上下面的样式: [code]body,p,div,table,fieldset,pre {_filter: gray!important;} [/code]因为 IE 里面只有 IE6 会忽略下划线,而其他浏览器会将 _filter 视为无效属性。 本博客经过测试,在 Fx、IE8、Opera 和 Chrome 下显示均正常。...
2016-04-19 css教程
54

li 自适应宽度
[html] !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 head meta http-equ...
2016-04-19 css教程
124

样式表达式实现交替显示table行颜色
[html]heand mce:style type=text/css!-- tr {background-color:expression((this.sectionRowIndex%2==0)?#419C33:#CCEBC7)} --/mce:stylestyle type=text/css mce_bogus=&qu...
2016-04-19 css教程
68

import link的具体区别
@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?...
2016-04-19 css教程
6

css 透明度的设置兼容所有浏览器
[code] .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} [/code] UPDATE: I wanted to pull this post out of the archives and update it a bit because it there seems to be a good amount of intere...
2016-04-19 css教程
119