发表于： 2019-04-21 23:47:15
1 939
今天完成的事情：
一、通过任务8进行旧知识复习
二、hover和active用法复习
hover是指鼠标悬停时的效果，在手机端为点击效果
active指当前活动链接，选项卡内容的差异，例如：
三、下划线
使用
text-decoration: underline;
无法调整下划线颜色，下划线颜色与字体颜色一致，默认为黑色
使用
border-bottom: 1px solid #cfcfcf;
可以灵活调整下划线样式，包括粗细、线条样式、颜色
四、阴影效果
box-shadow: 1px 0 5px 5px #989898;
position: relative;
如果不使用relative会造成阴影被覆盖：
使用relative后：
遇到的问题：
一、缩放时图片超出div
.row4 img {
max-width: 100%;
}
设置max-width控制图片宽度，可以实现弹性缩放图片
明天计划：
继续复习，参照任务9使用media调整自适应
收获：
重新学习发现一些以前忽略的问题，感触颇多
复习后再回过头来看psd，感觉思路比以前清晰多了，虽然还有很多地方模糊，但也算是开了个好头吧
师兄方便的话留一下qq吧
返回列表
评论