自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 说说标准——CSS核心可视化格式模型(visual formatting model)之十三:分层的显示(Layered presentation)

<br />前面已经将 CSS 中比较核心的布局基础讲解完毕了。其中说到的主要有 3 种布局方式,一种是常规流中的定位,一种是浮动,最后的是绝对定位。不熟悉的童鞋可以翻看以前关于常规流,浮动,绝对定位的帖子。这 3 种定位方式,可以让你把元素放到任何需要的地方(- -# 当然,不包含浏览器可见窗口之外)。<br /><br />为了说明方便,我们把浏览器的可视窗口看作二维的坐标系,以左上角为原点。假设两个元素分别形成了 100px×100px 的框,我把 A 的左上角放到了坐标为(100,

2010-09-07 15:40:00 3025 1

原创 Web开发必备资料:CSS2.1标准讲解以及兼容性问题汇总

CSDN新开论坛 跨浏览器开发 专区的帖子,无一不是精品,是学习前端的上好补品,解决前端问题的上好良药。跨浏览器开发也是为了解决浏览器兼容性问题而存在,为了推动W3C标准的而存在。事实是检验一些的真正标准,如果你不信,那么请打开以上的文章,自己去验证吧……

2010-08-24 10:15:00 5713

原创 说说标准——CSS核心可视化格式模型(visual formatting model)之十:控制紧接浮动的排列-clear 特性

<br />向前两个帖子,都是讲的伟大的浮动:它带给我们一个不属于常规流的世界,它不能超出它的包含块,它的位置跟在它之前的元素生成的框有关系(详见前面的浮动规则)…… 那么,它对处于它后面的元素有什么关系呢?对于块框,会认为它不存在,行框会绕着它排列!有没有方法使块框也可以在它后面排列,而不再当它不存在呢?答案是肯定的。W3C总是透着一种非常人性化的味道。clear 特性就是做的这件事。我感觉,clear 是对浮动框和常规流中框的一种关系上的平衡。<br /><br />'clear'特性<br

2010-08-20 18:15:00 2640

原创 window.onerror,屏蔽JS error的利器?

<br />提到window.onerror,大家应该都不陌生吧。<br />为了屏蔽JS错误,为了应付所谓的领导的突击检查系统进度,可以暂时另令你的页面清净一下。<br /><br />出现兼容性问题<br />看一个例子:<br /><script><br />window.onerror=function(){<br />  document.write("encountered JS  errors.");<br />}<br />as();<br /></script>

2010-08-18 17:30:00 11013 1

原创 说说标准——CSS核心可视化格式模型(visual formatting model)之九:浮动(Float)定位细则二

<br />本帖接 【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之八:float 特性以及浮动(Float)定位细则一<br /><br />6. 浮动框的顶边不可以高于源文档中先前元素产生的块框或浮动框的顶<br />例子最直接了:<br /><style type="text/css"><br />    div {<br />        width: 100px;<br />        height: 100px;<br />       

2010-08-17 17:08:00 3121

原创 说说标准--CSS核心可视化格式模型(visual formatting model)之八:float 特性以及浮动(Float)定位细则一

浮动特性非常有用,3大布局核心之一。虽然如此,它涉及内容过多,浏览器兼容性问题也很多。它的定位不仅涉及 包含块,还涉及到了行框,块框,还有行内框等内容;并且,各浏览器对其的支持还有不少兼容性问题。因此,它既是美梦又是噩梦。那么,浮动产生的困惑缘何而生,又由何而灭呢?一切都由W3C标准来定夺吧……float 特性'float'适用于哪些元素可设置给任意元素,但只适用于生成非绝对定位框的元素。例:absolute

2010-08-16 16:57:00 2849

原创 Firefox中 TEXTAREA 元素的 rows 属性很奇怪

<br />TEXTAREA 对于交互来说,它的地位无可替代。相信很少人不知道怎么设置TEXTAREA 可显示文字的行数和列数吧?TEXTAREA 可以通过设置 rows 或 cols 属性分别设置可显示文字的行数和列数。<br /><br />那么,各浏览器是否对这个简单的属性有一致的表现呢?<br /><br />答案是否定的……<br /><br />Firefox很奇怪<br />问题代码:<br /><br /><textarea rows="0">1<br />2<br />

2010-08-13 16:42:00 7906 2

原创 说说标准--CSS核心可视化格式模型(visual formatting model)之七:浮动(Float)概述

浮动是可视化格式模型中非常重要的一节。浮动跟stack level也有一定的关系。可视化模型是一个3维的模型,并不是二维的。元素在页面上的排列,从我们的角度看是二维的,元素的位置可以用x,y轴坐标来表示。但是,元素和元素之间的位置如果有所重叠,谁显示在前面,就涉及到另一个轴:z轴。我们经常使用的 z-index 就是如此得来的。浮动框在整个模型中,z轴坐标比常规流中的值要高,所以会飘在它上面。也可以把这个模型看作是 Photoshop中的图层,我们就好像在好多层玻璃上画框框,这些玻璃都叠在一

2010-08-11 17:09:00 2478

原创 你必须知道--IE中的hasLayout

<br />在IE中,有一个很重要的概念,这个概念,对 IE 中页面元素的布局有影响。这就是 hasLayout。可能很多人都不知道它的存在吧,但是它却偷偷的做了那么多坏事。<br />虽然如此,MSDN 中涉及到 hasLayout 这个 MS 属性的地方寥寥无几,而具体解释 layout 和 IE 渲染模型之间关系的则少之又少。<br />hasLayout 就是一把双刃剑,对 IE 的布局很重要,而同时,在 IE 中引起了很多 bug,比如浮动双边距bug等。<br /><br />它是很

2010-08-10 17:40:00 1953

原创 说说标准--CSS核心可视化格式模型(visual formatting model)之六--常规流中的相对定位

CSS标准,常规流,相对定位,position:relative

2010-08-09 19:03:00 2188

原创 要写博客吗?

<br />真的要写博客吗<br />哦 天呐<br />发个小小的赞叹罢了!!

2010-07-30 09:20:00 2971 4

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除