《商务网站前台计》课程实训任务书12.docVIP

《商务网站前台设计》课程实训任务书12 实训名称 主体右侧（上） 学时 2 指导教师 王玥 班级 姓名 实训目的： 熟练掌握div布局与css样式基本使用。 实训任务： 完成苗木花卉网站主页右侧页面制作。 实训指导： 代码部分： 样式总体格式，体现网页头部head /head部分 style type=text/css .aa{ ; ; ;} .bb{ ; ; ;} /style (2)css样式基本格式 例如: .aa{ } （3）冒号与分号的使用 冒号：冒号后面是具体参数值； 分号：分号将两个命令分割开来。 （4）样式应用 width：宽度 height:高度 background:背景颜色 float:left 左浮动 font-size:字符大小; margin-left:左侧间距 letter-spacing:字符间距 （5）css样式区间的注释书写格式：例如： /*字符间距2像素*/ （6）div布局区间的注释书写格式：例如：!--br/软回车进入下一行-- 操作步骤详解： 主体区效果图如下： 上节课完成位置 Div代码如下： div class=zt-you!—主体区右侧整体div开始位置 div class=zt-you-shang 3 /div div class=zt-you-zhong 4 /d