用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

第二课

上次修改时间: 2014-12-21 22:26:43      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\后盾网\      下一页

建立index.htm文件

所有页面都一样的头部独立出来
插入一个DIV
ID top,定义一个大的框,居中(方框——margin左右自动,高自动让它自动增加,) 定位overflow:hidden display:block ,定位:width 960 ,Z-index:auto,clip的right和left都设为auto

CSS样式面板,右击——移动到,建立一个单独的文件

一个DIV放左边的,一个放右边的
*{ margin:0px; padding:0px}
添加一个div
<div class="l">
把鼠标放在这里,点面板的插入类名为logo的DIV ,光标在这里时点C+A+I,选择一个图片
<p>你好,欢迎光临本店,登录</p> 这里再插入一个图片
</div> 用鼠标选择L,在CSS面板点添加 ,方框,700,H:auto,定位:F:left ,OverHidden
这里再插入一个图片,点图片,添加,选择P标记,面板点添加,#top .l .logo P (表top下的L里的logo下的P标
签)
方框:FS:12 F:L 标签栏点a标签:设置其属性:,P标记设置属性,把下的空出来
光标在这里,点工具栏的添加DIV ,方框,背景选图,重复 H28,
左右圆角的定义, <span class="L"></span>  设背景,不重复 ,左飘移, W8H28 区块
修改DIV,在CSS面板双击

<div class="r"></div> 用鼠标选择L,在CSS面板点添加 H:700 f:R,O:H H:A

往L插入图片