这个网站是一个名为“Win”的产品展示网站,首页展示了四大产品:
- 产品名称:
.win-module{width:100%;height:688px;padding:74px 0 152px}
表示一个宽高为100%的模块,内含高度为688px的空白区域。 - 标题显示:
.win-title{font-size:24px}
表示网站的标题字体大小为24px。 - 产品布局:
.win{min-width:1200px;width:1200px;margin-top:82px;margin-left:auto;margin-right:auto}
表示网站的最小宽度设置为1200px,总宽度设置为1200px,顶部和两侧留出边距,居中显示。 - 卡片设计:
.win-card{width:259px;height:546px;border:1px solid #d9d9d9;margin-left:-1px;z-index:1;position:relative;transition:border,box-shadow 0.2s linear}
表示一个宽度为259px、高度为546px的卡片,边框颜色为淡灰色,四周留有负边距。 - 第一张卡片样式:
.win-card:first-child{width:419px;height:624px;top:-36px}
表示第一个子类的宽度为419px,高度为624px,底部留有负36像素的偏移量。 - 卡片标题样式:
.win-card:first-child .win-card-title{height:180px}
表示第一个子类的卡片标题高度为180px。 - 激活状态的卡片样式:
.win-active{border:1px solid #d9d9d9;box-shadow:-5px 1px 7p}
表示当卡片被点击时,边框变为淡灰色,阴影效果为向下移动5像素,向上移动1像素,左右移动7像素。
以上是该网站的基本结构和样式信息。