当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS网页布局实例:常见的12种网页布局

CSS样式表
CSS样式表定义标签li前面样式
符合标准的div css制作的弹出菜单
CSS实现在文章每段后面加入带连接的隐藏文字
CSS:浏览器特定选择器介绍
WEB标准学习,认识两种网页声明的含义
CSS样式表中继承关系的空格与不空格
CSS框架的利与弊(下)
让广告代码不影响网页站打开速度
CSS教程:position 绝对定位的问题
标签增加CSS的overflow属性来清除浮动
跨浏览器的CSS固定定位
IE7对css选择器的改进
IE7新支持的CSS属性和属性选择符
CSS设计符合Web标准的网页表单的几个技巧
HTML网页中无刷新的更换CSS样式
CSS定义网页局部链接的技巧
关于学习DIV CSS的一些精妙问答
论web标准的网页制作和符合web标准的网站UI
CSS学习者:2008年不要作浮躁的人
学习CSS布局网页的一些实例

CSS样式表 中的 CSS网页布局实例:常见的12种网页布局


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 99 ::
收藏到网摘: n/a

在一个国外网站看到的12种常见的div+css布局模板,是可以根据屏幕分辨路自适应宽度的动态布局,感觉很好。

                    

        菜单和内容动态           菜单固定,内容动态        菜单和内容动态

                        

         三列全部动态                     四列全部动态             菜单浮动右边

                       

   菜单固定,头和内容动态         三列固定居中               头尾动态

                         

       内容固定水平居中           动态内容水平居中        固定内容垂直居中

英文原文:点击可以直接看到代码

This site contains free css templates for your website - Just copy and paste and there you have a stunning website !

Menu und content
dynamic

Menu fixed, content
dynamic

Menu und content
dynamic

3 columns all
dynamic

4 columns all
dynamic

Menu floating

Menu fix, Inhalt u.
Head dynamic

3 columns fix
centered

dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX
centered

fixed Box total
centered