css教程

效果预览:css: [code]style type=text/css !-- .table_tile{ text-align:left; height: 20px; width: 25%; float: left; } .table_tile_{ text-align:right; background-color:#0000FF; height: 20px; background-color:#99
[code]div style=width: 800px; height: 100px; overflow: hidden; img style=margin-top:-25px; src=http://www.bjxxd.com/school/images/hult.jpg alt=hult / /div[/code] 原图: [code]
以图片中的色青蛙为例子。16X16的像素图,所以使用了如下的命名方法: r N c N - NN = r[0-15]c[0-15] (r = rol, c-col, N为自然数:0-15 ) 1.命名的规则抄袭了XXX栅格化的那篇文章。 r0c1 即表示:0 横列 1 纵列,也是top跟left的值 NN表示:W H (宽和高)
对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法: 这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6。当然,这样的想法是非常病态的,马上打消。本文里面,介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了
在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:HTML4STRICT代码: div style=width:200px;border:1p
初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3 在这里还没有
今天在做CMS模板的时候,文章页面需要这个代码实现,找了一段,放在这里做备用。哈哈。 第一次找的这个不太行。 A href= target=_blankIMG src= onload=javascript:if(this.widthscreen.width-500)this.width=screen.width-
CSS滤镜参考语法:STYLE=filter:filtername(fparameter1, fparameter2...) (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)script 语法:HTMLElement.filters.filterName.fParameter=value; 滤镜说明: Alpha:设置透明层
今天群里无意谈到了@import url(),不太常用,争论很大。一开始是由于一个兼容问题: @import url(/css/a.css) 很简单但出现了兼容问题,在ff下无法调用样式,大家都以为是@import搞的怪,但用link后问题依然出现。经过一番讨论原来是绝对路径在ff下是不
纯CSS打造的漫画,让枯燥变的活泼,让局限变的无限有的人说没有意义,我觉得意义重大。 让枯燥变的活泼,让局限变的无限,请点击以下运行看演示。 [html] div style=width: 100%; height: 466px; div style=float: left; border: 2px so
针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line
效果预览:css: [code] 1: style type=text/css 2: !-- 3: body{ 4: margin:0; 5: padding:0; 6: background-color:#FFFFFF; 7: } 8: .alpha1,.alpha2{ 9: width:100%; 10: height:auto; 11: min-height:250px;/* 必需 */ 12: