
HTML+CSS
文章平均质量分 78
zjhzyzc
这个作者很懒,什么都没留下…
展开
-
Meta CSS框架(一个整合自开心网,163等大站的css定义集框架)
一直觉得写CSS特别麻烦,东西多了之后就组织混乱,今天看了下这篇文章,原来确实蛮混乱的。虽然作者说的方法可以在一定程度缓解这种混乱局面,但是感觉这样的话类的意义本身不大,而且如何有效分类也是一个问题。 背景Meta CSS是一个很简单的CSS框架。可以点这里(下载)先一睹为快。 在深入介绍之前,我们来考虑几个web开发者非常容易遇到的问题: 同样的一个款式的按转载 2009-10-20 15:04:00 · 736 阅读 · 0 评论 -
frame,iframe,frameset 的区别
■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例: 此例中 把画面分成左右两相等部分,转载 2010-05-05 21:22:00 · 717 阅读 · 1 评论 -
使用CSS3制作Loading动画
通常制作Loading动画都是利用GIF图片来完成的。强大的CSS3其实也可以产生同样的效果。注意:使用了一些对于CSS3的支持度的区别,基于Web-kit的浏览器才能完整的实现效果。(Chrome和Safari)详细地址:http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/其实主要就是利用了CSS3的动画功能。#loading{ margin-top:30px; float:left; widt原创 2010-07-03 11:24:00 · 1568 阅读 · 0 评论 -
CSS3实现美妙的图片悬停特效
<br /><br /> <br />Jquery可以产生很多图片特效,现在CSS3也可以轻易的做到这一点。<br /> <br />同样的需要webkit支持(Chrome Safari)<br /> <br />原文地址:http://webdesignersdesk.com/2010/06/fancy-image-hover-using-css3/<br /> <br /> <br />步骤:<br /> <br />1.利用-webkit-transform:scale(0.6);设置原始的图片大小翻译 2010-07-03 12:09:00 · 2039 阅读 · 0 评论 -
不定长宽度的百分比排版问题——IE6与W3C标准的盒模型差异
<br /><br />一直纠结于不确定宽度的IE6排版的差异性问题,今天偶尔看到这个,恍然大悟,转一下。<br /> <br />盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器。盒子模型<br />下图就是一个典型的盒子模型示意图<br /> <br /><br />在内容区外面,依次围转载 2010-06-19 14:49:00 · 1992 阅读 · 1 评论 -
编写跨浏览器兼容的 CSS 代码的金科玉律
<br />好文章啊,赶紧Mark一下。<br /> <br /><br />作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。<br /><br />理解 CSS 盒子模型<br /> 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理解 CSS 盒子模型是首要事情,CS原创 2010-06-20 08:42:00 · 570 阅读 · 0 评论