Category Archives: HTML & CSS

一些CSS3的特效

Posted on 2009年08月25日 by Bell

虽然CSS3里我们还很远,但它带给我们的惊喜总是让我们不断的憧憬着CSS3未来,下面我们来看看目前webkit内核的浏览器所支持的一些CSS3特效.请用Safari 4+ 或 Chrome观赏:) 1.旋转效果 < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>untitled</title> <style type="text/css" media="screen"> @-webkit-keyframes pulse { from { -webkit-transform: rotate(0deg); } to { /* -webkit-transform: rotate(20deg); -webkit-transform: scale(2); */ … Continue reading →

Posted in HTML & CSS1 views | Tagged | 2 Comments

HTML5中 b 和 i 标签将语义化

Posted on 2009年08月12日 by Bell

b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的：

Posted in HTML & CSS1 views | Tagged | 1 Comment

关于IE8的兼容性问题

Posted on 2009年08月8日 by Bell

最近装了win7,体验了下传说中的IE8,作为一个用户而言,IE8的速度和稳定性相对于IE6,7都有很大的提升,但还是存在许多兼容性问题,所以我一直想把win7上的IE8降级为I7,但至今都没有找到方法.如果你跟我一样,或者你喜欢IE8的速度,只是对他的兼容性颇有微词,那么你可以: 点击IE8右上部的”页面”->”兼容性设置”,点选”在兼容性视图中显示所有网站”,或者自己指定也行. 作为web设计师,你也不必对IE8的兼容性问题感到头痛,你只用加一句代码就可以让IE8进入兼容模式 <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />

Posted in HTML & CSS1 views | Tagged | Leave a comment

IE下绝对定位的BUG

Posted on 2009年07月31日 by Bell

项目中经常会用到层的绝对定位,但在IE6,IE7中它的表现却与其他浏览器存在差异,姑且算是一个IE的BUG吧(IE8除外). 先来看看这个BUG的触发条件: 先建立一个简单的模型,一个有固定宽度水平居中的容器wrapper,一个绝对定位的层position-box;这里讨论的是position-box并未设置left,right,top,bottom等属性的情况下的效果,这时候position-box对象会遵从正常的HTML布局规则,在前一个对象之后立即被呈递. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>iinterest</title> <style type="text/css"> *{ margin:0; padding:0;} .wrapper{ width:600px; height:300px; margin:0 auto; background:#FC3; overflow:hidden; } .position-box{ position:absolute; width:100px; height:100px; background:#6CF;} </style> … Continue reading →

Posted in HTML & CSS1 views | Tagged , | Leave a comment

一款css和js压缩工具[附JAVA环境配置方法]

Posted on 2009年07月28日 by Bell

[2011.3.8更新] 很多朋友遇到压缩编码的问题，那就是压缩的css和js文件编码必须是GB2312,GBK或GB18030，如果是UTF-8则会出乱码，其实解决方法在文档中就有提到，就是将compressor.cmd中将GB18030替换为UTF-8。 压缩css和js是我们工作中经常要处理的一件事,这里介绍的是一款基于YUICompressor,淘宝封装的css和js压缩工具TBCompressor. TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现”Compress CSS or JS”选项,需要压缩文件时只需选取目标文件然后右键点选”Compress CSS or JS”即刻.压缩后的文件会自动重命名. 这里对jQuery1.3 Development版进行压缩测试,效果如下: 可以看到效果还是非常不错的:)

Posted in HTML & CSS, Javascript1 views | Tagged , | Leave a comment
Pages: Prev 1 2 3 4 5 6 7 8 9 10 Next