.hot_recruit热门职位部分
热门职位部分是一种tab选项卡结构,并且与后面的热门公司和热门链接有类似的结构和样式,需要谨慎提取公共样式,通过公共类名设置CSS,热门职位独有的样式需要使用单独的类名进行设置。
布局类型:tab栏选项卡结构,整体为上下对齐的版心结构。
标题部分:浮动制作,当前展示的部分标签使用current的类名进行标记,设置特殊样式。
详细内容布局:平均分布型,使用浮动制作。
补充:多余文字显示成省...略号形式,通过三行代码实现。
.more查看更多部分
通过观察设计图发现,“查看更多”在不同区域都有分布,且样式一致,因此其样式可以在公共样式中设置。
.hot-company热门公司
通过观察设计图发现,“热门公司”和“热门职位”样式相近,因此其部分样式可以在公共样式中设置,不一样的地方单独新建css文件进行设置。