悠悠博客 关注Ajax技术与web开发

Cascading Style Sheets Cascading Style Sheets（CSS）具有引人注目地改变环球网外观的潜力。使用Cascading Style Sheets，你可以获取对你网页上每个元素类型的精确控制。Style Sheets允许你将HTML看作为传统的页描述语言来改变HTML的基本特性。 使用Style Sheets，你可以控制传统网页上的元素，诸如精确的空白、段落缩进和字体。Style Sheets不仅允许你指定单个网页的外观，还可以被用来为网站提供一致的界面。 ...

css在线编辑,功能还比较强大.本站编辑器地址:...

方法一、 　　使用块级clear，即声明一个块的类属性为.clear {clear:both;} 方法二、 　　使用内联元素清理，比如说在主浮动内容后跟一个内联元素。 .inlineclear {clear:both;} <span class="inlineclear"></span> 方法三，使用双层div嵌套 #pubpage {display:block;clear:both;} #m...

Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.1...

1 很多LOGO的字体都是标志设计师专门设计的，所以不要问比如"中国银行的中文书法字体叫什么？"这样的问题。但是很多国际公司都有自己专用的一套字体，比如迪斯尼。品牌字体这里有一些 >> http://www.typenow.net/themed.htm2 有些图片上的字体你很喜欢很想知道它是什么什么字体，这个网站可以告诉你答案。上传包含你喜欢字体的图片，剩下的问题它帮你解决，仅限于英文>>http://www.myfonts.com/WhatTheFo...

1、特殊性首先来看一下这个例子将会发生的情形：.grape { color:Blue; }H1 { color: Red; }<h1 class="grape">Meerkat <em>Central</em></h1>H1和.grape都匹配上面的H1元素，那么到底应该使用哪一个呢？实践证明.grape是正确答案，把句子显示为蓝色。根据规范，一般的HTML元素选择符(H1,P 等)具有特...

容 器：container/box 头 部：header 主 导 航：mainNav 子 导 航：subNav 顶 导 航：topNav 网站标志：logo 大 广 告：banner 页面中部：mainBody 底 部：footer 菜 单：menu 菜单内容：menuContent 子 菜 单：subMenu 子菜单内容：subMenuContent 搜 索：search 搜索关键字：keyword 搜索范围：range 标签文字：tagTitle 标签内容：tagContent 当前标签：t...

1. 区别FF和IE 1-1 首先，当然是!important大法，可以提升指定样式规则的应用优先权，如下面的例子： 插入代码： div{ background-color: red !important; background-color: blue; } 因为!important声明在IE6中并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“...

一，问题概述 这里所说的调试，不是说页面出现了脚本错误，是说页面显示效果和想象的不一样，想知道为什么效果会出现差异。虽然现在的“所见即所得”网页设计软件很多，但是有时在软件中预览的效果和我们真实显示的效果就是不一样，你觉得很奇怪，明明应该那么显示，可怎么显示成别的样子了，例如明明预览很好的效果，到了真实环境中页面竟然出现了错位。 二，解决方式 实际效果和预览效果不一样，这可能是多方面原因造成的，但多是页面造成的，当然也有一部分是因为浏览器之间的差异造成的，如果是纯页面造成...

CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。 550)this.style.width=550; if(this.height>550)this.style.width=(this.width*550)/this.height;" />...

作者：Holly Bergevin等 翻译：old9 　　译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 　　文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 　　引用一段来自Dean Edwards的评价： 　　I recommend that every CSS designer ...

很早就想为CSS做个图,可惜一没时间二挺复杂,今天写了操作性之后,也懒得做活了,就打开fireworks开始作图啦!下面是关于整个CSS的:550)this.style.width=550; if(this.height>550)this.style.width=(this.width*550)/this.height;" />说明:现阶段大家使用的CSS,分两中模式:Quirks mode和Strict mode,Quirks mode自然是浏览器生产商自己的模式,其中含有对CSS的解析,私有...

HTC是HTML component的缩写, 是IE5.0的主要扩展之一, 除了具备一般组件的可重用优点之外, 还具有易于开发使用等优点, 因为需要引入外部文件,这里就不举例了,宝库里有例子. 控件和组件 HTC提供了一个简单机制以在脚本中实现DHTML行为。一个HTC文件和HTML文件没有任何差别，并且以“.htc”为后缀。 先看一个例子:XHTML结构=========================悠悠博客===http://...

原文 http://www.jluvip.com/blog/article.asp?id=243实例 http://www.jluvip.com/works/css/ie_png_bg/PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出实用,绚丽的效果，可是对于PNG图片的支持却不是很理想，Firefox和Opera对PNG支持的比较好，特别是Firefox浏览器。可是IE却不理PNG,使得设计者无法很随意的使用png图片。 IE5.5+的AlphaImageLoade...

From: http://www.jluvip.com/blog/article.asp?id=245"float: right" bug 在IE中float-right外围容器的margin-left失效. css : body { margin: 0px;}#contener { border: 1px solid #000; margin: 10px 50px;/*左右外补丁margin=50px*/}...