用户登录

下面我们给这块内容添加点样式,打开 _story.scss .. &.block .. 先给它的下边添加点边距 .. margin-bottom: 8% ..

再设置一下内容 .. .content , 每块内容的下边也留出点边距 .. margin-bottom: 8% ...

再设置一下标题的样式 ... .header ... 字号设置成 24px ,标题的下边再添加点边距 .. margin-bottom: 24px;

然后是 . description ,描述文字,字号设置成 18px .. 再设置一下行间距 .. line-height: 1.5 ,文字的颜色也修改一下 .. color: rgba(0, 0, 0, 0.5)

预览一下 ... 调整一下窗口的尺寸 .. 再去设置一下小尺寸设备上的样式 ... 添加一条媒体查询 ... 用一下 margin,给内容四周添加 4% 的边距 ..

然后再把描述文字的字号设置的小一点 ... .description ... 字号设置成 16px ..

保存 ... 再到浏览器上预览一下 ..

产品页:功能样式《 网页设计案例:产品页故事区 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点