再去准备一下这个英雄区上面的内容的样式 .. 在这个大标题的上面,有一个 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 ..