• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






。呢他

 
 

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 在北京的湖南人 阅读(506) 评论(0) 推荐(0)
 
狂人日记学习 之六 2列固定宽度居中
摘要: 实现这个的难点在于如何让他们居中显示。而我们前面的讲过,如果要实现一个div居中,那么只要使用margin:0px auto 就可以实现,那么在实现2个div居中的话,只要把2个div放在那个居中的div里面不就可以了吗?的确,那么我们来看看: 左列 右列 这样能实现吗?不能,显示叶面中第二个div被挤到下面去了。因为浏览器的盒模型。一个元素的实际占用宽度大小是由padding+margin+... 阅读全文
posted @ 2007-01-02 20:28 在北京的湖南人 阅读(410) 评论(0) 推荐(0)
 
狂人日记学习 之七 三列浮动中间列宽度自适应
摘要: 要实现这个布局,就必须要学习css中的一个非常重要的定位属性:Position.它有三种可用值:static absolute relative .对于页面中的每一个元素来说,默认都是static 的。如果将对象设置为absolute,那么对象将根据整个叶面的位置进行重新定位,当使用此属性时,可以使top,right,bottomleft来对上右下左4各方向的距离值,以确定对象的具体位置,#la... 阅读全文
posted @ 2007-01-02 19:58 在北京的湖南人 阅读(585) 评论(0) 推荐(0)
 

2006年12月31日

狂人日记学习 之五 左列固定宽度,右列自适应
摘要: 在很多网站布局的时候是这个样的方式。只要将左列的宽度固定,然后float:left, 右列的宽度不指定,让浏览器自动适应窗口大小。 阅读全文
posted @ 2006-12-31 23:10 在北京的湖南人 阅读(388) 评论(0) 推荐(0)
 
狂人日记学习 之四 宽度的窍门
摘要: 郁闷,写好了提交却出错,然后整篇全部重写。主要是浏览器在计算相对宽度的时候,你需要考虑的是padding 德量,所以任何的宽度都不应该设置为100%或者加起来不能刚好等于100%,而要稍微留点余地,那样才不至于把右边的div挤到下面去了。 阅读全文
posted @ 2006-12-31 23:05 在北京的湖南人 阅读(428) 评论(0) 推荐(0)
 
狂人日记学习 之三 二列固定宽度 float
摘要: 如果要实现2列固定宽度,以及居中。摘自狂人:浮动(float)是css布局中的非常强大的布局功能,也是理解css的关系问题所在,css中,包括div中的任何元素都可以以浮动的方式进行。看2行代码: 如何将这2个div并列在一起呢?只要设置2个div的浮动为向左浮动就可以了。 阅读全文
posted @ 2006-12-31 22:26 在北京的湖南人 阅读(490) 评论(0) 推荐(0)
 
狂人日记学习 之二 一列固定宽度 自适应
摘要: div的自适应就是无论浏览器的大小如何,自适应的div就会根据浏览器的百分比来设置,而不是根据绝对的px像素来确定位置大小了。如果是一列的固定宽度,并且是自适应的话,那么最简单就是使用margin:0px auto就是让左边宽度和右边的宽度一样,也就是说自动来适应浏览器,这样就实现了居中。 记住:auto的作用哦!浏览器自动判断将div德左右边的边距设置为相同。 阅读全文
posted @ 2006-12-31 22:06 在北京的湖南人 阅读(670) 评论(0) 推荐(0)
 
狂人日记学习 之一 CSS布局的目的
摘要: css布局和 table布局的区别 基于 web标准的网站设计和新在于如何使用众多的web标准中的各项技术来达到表现于内容分离,即网站 的结构,表现,行为的三者分离。结构用xhtml来实现,表现用css来实现,行为用 js,dom来实现 ,这样,来达到真正的 web标准。 阅读全文
posted @ 2006-12-31 17:51 在北京的湖南人 阅读(740) 评论(1) 推荐(0)
 

2006年12月25日

ThickBox 介绍之多图片切换
摘要: 前面一篇介绍的单一图片,今天抽空再来介绍介绍多图片切换。不想写复杂的js代码,又想实现漂亮的UI,那就跟我来噢! 阅读全文
posted @ 2006-12-25 21:36 在北京的湖南人 阅读(727) 评论(0) 推荐(1)
 

2006年12月24日

ThickBox学习之一 ThickBox介绍以及单图片显示示例
摘要: ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容。 阅读全文
posted @ 2006-12-24 22:42 在北京的湖南人 阅读(1159) 评论(1) 推荐(0)
 
上一页 1 2 3 4 5 6 7 8 9 10 下一页