用户登录

再去准备一下这个英雄区上面的内容的样式 .. 在这个大标题的上面,有一个 header 类 ... 可以使用这个 header 作为样式的选择器 ..

这块样式嵌套在了 .ui.hero 里面的 .item 里面,sass 在把它编译成普通的 css 的时候,会在样式选择器的前面自动加上这种嵌套关系 ..

用一个 font-size ,字号设置成 48px ... 再用一个 margin,把外边距设置成 0 ..

单独在标题的下边儿添加点外边距 .. margin-bottom ,设置成 16px ..

再去处理一下子标题 .. 它的包装元素上同时有 sub 还有 header 这两个 css 类,所以可以使用这个组合作为这种元素的样式选择器 ..

.sub.header ... 里面用一下 font-size,把字号设置成 18px ,子标题里面如果有英文的话,可以让它变成大写的 .. text-transform .. 把这个属性设置成 uppercase .. 表示大写 ..

文字的间距可以大一点 .. 用一下 letter-spacing 属性去设置字间距 ... 值可以是 3px ..

margin-bottom,下边儿的边距调整为 8 px ..

然后是描述 ... 它的包装元素上有个 description 类 .. font-size 设置成 18px ,margin-bottom 设置成 32px ... 再用一个 font-weight,让这个描述文字粗一点 ... 设置成 600 ..

英雄区:内容样式《 网页设计案例:英雄区 》

统计

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

社会化网络

关于

微信订阅号

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