标签结构
2、CSS 样式
3、展示效果
绘制矩形框中的部分 :
一、网格商品展示模块盒子模型测量及样式
----
1、盒子尺寸测量
下面的 网格商品展示模块盒子模型 , 可以分为三个盒子 ,...最外层的大盒子 , 宽度充满版心 , 1200 像素 ;
顶部的标题所在的盒子 , 宽度也是 1200 像素 ;
下面的列表所在的盒子 , 宽度 1200 像素 , 但是高度不进行设置 , 根据需求灵活设置显示...1 行 , 2 行 或 3 行 ;
2、标题盒子尺寸测量和样式
文本所在盒子 , 与 顶部的导航栏有 15 像素间隔 , 这里使用 上外边距 设置 ;
/* 网格商品展示模块大盒子 距离上面的 导航栏...left;
}
/* 设置无序列表中的链接样式 */
.nav ul li a {
/* 显示模式 块级元素 */
display: block;
/* 高度 40 像素 , 总高度 42 像素...*/
.all {
/* 显示模式 - 块级元素 */
display: block;
/* 总高度 40 像素 , 有 2 像素的上下边框 */
height: 38px;
/* 边框 1
云服务器
ICP备案
对象存储
腾讯会议
云直播
