绘制矩形框中的部分 :
一、盒子测量及样式
----
盒子样式如下 :
1、总体盒子测量及样式
该盒子是处于版心位置 , 先为其设置版心的样式 , 版心宽度 1200 像素 , 水平居中 ,...先将版心的样式设置给盒子 ;
/* 版心宽度 1200 像素 , 在浏览器中居中对齐 */
.w {
width: 1200px;
margin: auto;
}
该盒子大小为 1200x60..., 0, 0, .2);
}
2、左侧盒子测量及样式
左侧盒子区域如下 , 盒子高度充满父容器 , 继承父容器的高度为 60 像素 , 行高继承父容器也是 60 像素 , 左右两侧各有 30 像素的 外边距..., 竖线中间的文字都是链接标签 ,
每个链接标签左右两侧各有 30 像素的间隔 , 这里使用外边距实现 ;
文本的高度和行高继承父元素的样式 , 都为 60 , 会自动垂直居中 , 文本大小为...ul {
/* 10 像素内边距 - 使用外边距会出现塌陷的问题 */
padding-top: 10px;
}
/* Banner 条右侧 课程表 无序列表 列表项样式 */
.course-bd