发表于： 2017-03-21 22:49:11
1 1333
今天完成的事情：
1、写【首页】师兄带我入门的静态页面和样式；
2、完善【我的学院-我的邀请】的样式
明天计划的事情：
学习javascript，研究官网【资料预览】的数据结构
遇到的问题：
写“师兄带我入门”的样式，需要把正方形旋转45度。但是想的是直接旋转，但是这样就会把里面的内容也旋转45度了，虽然内容可以反向旋转-45度，但是调整页面其他样式有些复杂。于是，想到了重新设置一个父元素，把正方形当成一个子元素。父元素相对定位，正方形做绝对定位，然后进行旋转，把其他内容就放到和正方形同级的子元素里面。
这是效果：
这是代码结构：
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="home-brother-box">
<div class="home-brother-content">
<h2 class="home-brother-number">02</h2>
<p class="home-brother-class">自动分配师兄</p>
</div>
<div class="home-brother-square"></div>
</div>
</div>
收获：
学习了rotate的使用方法；
返回列表
评论