会员
周边
捐助
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
。呢他
Powered by
博客园
博客园
|
首页
|
新随笔
|
|
|
管理
上一页
1
2
3
4
5
6
7
8
9
10
下一页
2007年1月2日
狂人日记学习 之八 高度自适应
摘要: 和宽度自适应相比,都是差不多,但是有一个问题需要注意,高度自适应并不是和宽度自适应一样,仅仅需要把width改为百分比就可以的。因为在浏览器中,一个对象高度是否可以使用百分比自适应显示,取决于对象的父级对象。如果父级对象高度以百分比显示,那么子对象就能实现高度自适应。另外还有一个问题就是:在ie中,html对象默认为100%的宽度,而body却不是,而ff只能过的html对象就不是100%高度。因...
阅读全文
posted @ 2007-01-02 20:48 在北京的湖南人
阅读(500)
评论(0)
推荐(0)
编辑
狂人日记学习 之六 2列固定宽度居中
摘要: 实现这个的难点在于如何让他们居中显示。而我们前面的讲过,如果要实现一个div居中,那么只要使用margin:0px auto 就可以实现,那么在实现2个div居中的话,只要把2个div放在那个居中的div里面不就可以了吗?的确,那么我们来看看: 左列 右列 这样能实现吗?不能,显示叶面中第二个div被挤到下面去了。因为浏览器的盒模型。一个元素的实际占用宽度大小是由padding+margin+...
阅读全文
posted @ 2007-01-02 20:28 在北京的湖南人
阅读(402)
评论(0)
推荐(0)
编辑
狂人日记学习 之七 三列浮动中间列宽度自适应
摘要: 要实现这个布局,就必须要学习css中的一个非常重要的定位属性:Position.它有三种可用值:static absolute relative .对于页面中的每一个元素来说,默认都是static 的。如果将对象设置为absolute,那么对象将根据整个叶面的位置进行重新定位,当使用此属性时,可以使top,right,bottomleft来对上右下左4各方向的距离值,以确定对象的具体位置,#la...
阅读全文
posted @ 2007-01-02 19:58 在北京的湖南人
阅读(578)
评论(0)
推荐(0)
编辑
2006年12月31日
狂人日记学习 之五 左列固定宽度,右列自适应
摘要: 在很多网站布局的时候是这个样的方式。只要将左列的宽度固定,然后float:left, 右列的宽度不指定,让浏览器自动适应窗口大小。
阅读全文
posted @ 2006-12-31 23:10 在北京的湖南人
阅读(382)
评论(0)
推荐(0)
编辑
狂人日记学习 之四 宽度的窍门
摘要: 郁闷,写好了提交却出错,然后整篇全部重写。主要是浏览器在计算相对宽度的时候,你需要考虑的是padding 德量,所以任何的宽度都不应该设置为100%或者加起来不能刚好等于100%,而要稍微留点余地,那样才不至于把右边的div挤到下面去了。
阅读全文
posted @ 2006-12-31 23:05 在北京的湖南人
阅读(423)
评论(0)
推荐(0)
编辑
狂人日记学习 之三 二列固定宽度 float
摘要: 如果要实现2列固定宽度,以及居中。摘自狂人:浮动(float)是css布局中的非常强大的布局功能,也是理解css的关系问题所在,css中,包括div中的任何元素都可以以浮动的方式进行。看2行代码: 如何将这2个div并列在一起呢?只要设置2个div的浮动为向左浮动就可以了。
阅读全文
posted @ 2006-12-31 22:26 在北京的湖南人
阅读(484)
评论(0)
推荐(0)
编辑
狂人日记学习 之二 一列固定宽度 自适应
摘要: div的自适应就是无论浏览器的大小如何,自适应的div就会根据浏览器的百分比来设置,而不是根据绝对的px像素来确定位置大小了。如果是一列的固定宽度,并且是自适应的话,那么最简单就是使用margin:0px auto就是让左边宽度和右边的宽度一样,也就是说自动来适应浏览器,这样就实现了居中。 记住:auto的作用哦!浏览器自动判断将div德左右边的边距设置为相同。
阅读全文
posted @ 2006-12-31 22:06 在北京的湖南人
阅读(662)
评论(0)
推荐(0)
编辑
狂人日记学习 之一 CSS布局的目的
摘要: css布局和 table布局的区别 基于 web标准的网站设计和新在于如何使用众多的web标准中的各项技术来达到表现于内容分离,即网站 的结构,表现,行为的三者分离。结构用xhtml来实现,表现用css来实现,行为用 js,dom来实现 ,这样,来达到真正的 web标准。
阅读全文
posted @ 2006-12-31 17:51 在北京的湖南人
阅读(735)
评论(1)
推荐(0)
编辑
2006年12月25日
ThickBox 介绍之多图片切换
摘要: 前面一篇介绍的单一图片,今天抽空再来介绍介绍多图片切换。不想写复杂的js代码,又想实现漂亮的UI,那就跟我来噢!
阅读全文
posted @ 2006-12-25 21:36 在北京的湖南人
阅读(719)
评论(0)
推荐(1)
编辑
2006年12月24日
ThickBox学习之一 ThickBox介绍以及单图片显示示例
摘要: ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容。
阅读全文
posted @ 2006-12-24 22:42 在北京的湖南人
阅读(1153)
评论(1)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
8
9
10
下一页