当前位置: 网站建设 > 网页设计 > 建站经验 >

简单介绍网页布局教程

时间:2013-03-02 04:09来源:未知 作者:admin 点击:

标签:简单介绍网页布局教程 教程(56)简单(23)导航(23)网页(168)介绍(21)十(2)DIV+CSS(51)一个(102)布局(72)
用DIV+CSS做一个导航栏是十分轻易的,而且咱们能够通过css来对导航栏的款式便利的作出调剂。用div设置导航栏个别就用ul跟li标签, 简单介绍IE中Image .onload方法的问题 。 5、嵌套效果不不同. 有些情形下假如div中嵌套的图片大于外层div的高度,则IE6中对高度的设置始终无效,这时要留神对该css增加overflow属性, 简单了解CSS的查找匹配原理 ,overloaw:hidden,则可暗藏超越边界的局部, 简单了解CSS Sprites(图片合并)技术 。 4、高度显示后果
简单介绍网页布局教程》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302345312013.htm


用DIV+CSS做一个导航栏是十分轻易的,而且咱们能够通过css来对导航栏的款式便利的作出调剂。用div设置导航栏个别就用<ul>跟<li>标签,简单介绍IE中Image .onload方法的问题


5、嵌套效果不不同.
有些情形下假如div中嵌套的图片大于外层div的高度,则IE6中对高度的设置始终无效,这时要留神对该css增加overflow属性,简单了解CSS的查找匹配原理,overloaw:hidden,则可暗藏超越边界的局部,简单了解CSS Sprites(图片合并)技术


4、高度显示后果不同
普通情况下只须要应用height: 100px;即可,当显示效果不同时,则可以_height: 100px;来对IE6的高度进行设置。

3、底部,包含一些版权信息,简单6步 打造B2C电子商务网站
依据以上假想,我们定义如下div的结构
DIV构造如下:
  
│body {} /*这是一个HTML元素*/
  
└#Container {} /*页面层容器*/
     
├#Header {} /*页面头部*/
     
├#MianBody {} /*页面主体*/
     
│ ├#mainbody-left {} /*主体页面左边*/
     
│ └#mainbody-center {} /*主体页面中间*/

--> [网站建设之]简略先容网页布局教程

Tag:  ,第三代思维指导下的网站建设具体操作; 网页布局   教程     网页布局   教程  

2、页面旁边部门,那就是我们的主体了,这里就以我们为一客户做的站点为例来阐明。斟酌到该行业请求翻开首页疾速,所以我们在网站宣布的信息设 计为三列。

│ └#MainBody -right{} /*主体页面右边*/
 
└#footer {} /*页面底部*/

对于DIV+CSS进行页面布局的利益这里就不在多说了,良多友人看了教程后仍是不晓得如何下手,这里简单介绍一下布局进程。
1、顶部部分,其中包括了LOGO、MENU和一幅Banner图片;


(责任编辑:网站建设)
简单介绍网页布局教程相关文章
上一篇:简单介绍IE中Image .onload方法的问题 下一篇:简单分析网易网首页的设计思想
回到顶部