发表于: 2019-08-21 00:32:52

1 519


今天完成的事

1.调整样式使表格之间有间隙

margin: 0px;

2.调整表格内部样式

margin: 10px 0px;

3.调整部分字体颜色样式

.color-silver {
color: rgb(153,153,153);
}

4.添加默认hover样式

<div class="row take8-3-div2">
   <h4 class="text-center margin-20px">ios工程师</h4>
   <p class="text-indent-20px">iOS是由苹果公司开发的移动操作统,iOS与苹果的Mac OS X操作系统一样,也是以Darwin为基础的,因此同样属
于类Unix的商业操作系统。国内iOS开
发起步相对较晚,人才培养机制更是远
远跟不上市场发展速度。有限的iOS开
发人才成了国内企业必争的资源。国内 iOS开发起步相对较晚,人才培养机制
更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</p>
</div>
.text-center {
text-align: center;
}
.margin-20px {
margin: 20px;
}
.text-indent-20px {
text-indent: 20px;
}
.take8-3-div2 {
background-color: #0f0f0f;
   opacity: 0.7;
   color: white;
   position: absolute;
   top: 0px;
   height: 100%;
   padding: 50px;
   margin: 0px 15px 0px 0px !important;
}

5.设定鼠标hover触发隐藏方块的透明度变化

.take8-3-div2:hover {
opacity: 0.7;
}



今天完成样式预览



明天的计划 

1.调整页面3的细节

2.提交任务8

3.开始任务9



遇到的问题

1.隐藏的hover模块始终比表格高度长20px 

调整样式始终调不到一样的高度



今天的收获

1.学会了一种隐藏透明度的hover样式的方法





返回列表 返回列表
评论

    分享到