阿彌陀佛

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  Div+Css

The Skills of div+css
摘要:如果你是一个使用div标签做任何事的家伙,那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板,那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码,不仅对你自己有益,而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间(特别是比较大的一些项目)。1.去除不必要的div标签:我曾经看到好多的人将form和ul标签都包含在了div标签内。为什么要写一个不必要的标签呢。你可以给适当的选择器赋予css规则,这样也可以达到同样的效果。例子一:下面的列子将展示给你如何删除多余的di 阅读全文
posted @ 2011-05-22 21:07 阿彌陀佛 阅读(255) 评论(0) 推荐(0)

摘要:CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 Webjx.Com 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。 阅读全文
posted @ 2011-05-22 16:26 阿彌陀佛 阅读(135) 评论(0) 推荐(0)

摘要:CSS两列布局,右侧固定,左侧自适应宽度 <div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;"> <div style="width:200px; float:right; background:#090">这是右侧的内容</div> <div style=" margin-right:210px; background:#F33">这是左侧的内容,自适应宽度</div> &l 阅读全文
posted @ 2011-05-10 14:04 阿彌陀佛 阅读(6630) 评论(0) 推荐(0)