随笔分类 -  DIV/CSS

摘要:DIV+CSS 命名规范常用的CSS命名规则:头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot新闻:news 下载:download 子导航:subnav 菜单:menu子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer版权:copyright 滚动:scro... 阅读全文
posted @ 2011-09-06 09:50 Rex.He 阅读(241) 评论(0) 推荐(0)
摘要:本文转自:http://blog.sina.com.cn/s/blog_4b8d35b70100mfy2.html一、背景 在采用基于DIV+CSS的布局开发时,经常需要考虑各种浏览器版本的兼容性问题。 常用的布局模式主要包括:左中右、上中下,以及两种模式的结合。 在早期的开发,一般都采用Table标记的方式实现。 当尝试采用基于DIV的模式,发现一切都变的似乎没那么简单了。特别是浏览器的兼容性问题,更加突出了。二、需求 本文只讨论上中下布局模式的实现,关于左中右模式的实现,相比较来说要简单得多了。如果时间充,我会另文详述。 1.上部(top)Div高度固定100px,宽度100%; 2.下部 阅读全文
posted @ 2011-03-16 10:08 Rex.He 阅读(2067) 评论(0) 推荐(0)
摘要:这是背景图像:标题文字说明:你只需要修改h3标记CSS中的width属性即可,只要宽度不超过背景图像的总宽度即可。[代码] 阅读全文
posted @ 2010-01-21 16:40 Rex.He 阅读(285) 评论(0) 推荐(0)
摘要:原文出处:http://hi.baidu.com/sz_xiaofeng/blog/item/092757dd4bbf00d18c102961.html0,引言 reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。具体如何规划网站CSS结构,不在文本讨论之列,可以参考Smashing Magazine... 阅读全文
posted @ 2010-01-04 22:19 Rex.He 阅读(1841) 评论(0) 推荐(0)