最外层的大盒子 , 宽度充满版心 , 1200 像素 ;
顶部的标题所在的盒子 , 宽度也是 1200 像素 ;
下面的列表所在的盒子 , 宽度 1200 像素 , 但是高度不进行设置 , 根据需求灵活设置显示...= 内容高度 , 这里精确的测量 " 精品推荐 " 文本的行高与内容高度 ;
该文本盒子如下图所示 , 文本内容 20 像素 , 文本上面和下面各有 20 像素的空白 ;
行高直接设置为 60 像素.../* 调试时使用的背景 */
/*background: skyblue;*/
}
/* 鼠标经过链接时的样式 */
.nav ul li a:hover {
/* 鼠标经过导航栏链接 , 底部显示...条样式 */
.banner {
/* 宽度自动填充整个浏览器, 这里只设置高度 */
height: 420px;
/* 背景颜色 #1c036c , 背景图片水平居中对齐 */
background...;
/* 水平对齐 */
text-align: center;
/* 垂直对齐 - 行高 = 内容高度 */
line-height: 38px;
}
/* Banner 条右侧 课程表 底部按钮