发表于： 2019-08-22 00:54:56
1 916
今天完成的事
1.修改表格及hover的父元素元素样式
给两者的父元素添加
.take8-3-div3 {
margin: 20px 0px;
}
来实现表格上下的间距而不是表格本身设置上下间距
2.修改hover元素的样式为
margin: 0px 15px 0px 0px !important;
3.修改表格的外边距为0px 使其默认达到100%父元素高度从而与hover元素等高
margin: 0px;
修改后在各个宽度屏幕条件下hover样式都达到要求
4.修改选择职业方向选择部分样式以达到要求
margin: 0px 15px 20px 15px;
padding: 8px 0px;
明天的计划
1.看看任务八是否有需要完善的
2.开始任务九
3.根据任务九修改任务八的页面
4.继续学习媒体查询
遇到的问题
任务九的具体要求不太明白 好像媒体查询在任务八就做得差不多了 栅格系统本身就带有媒体查询
是不是只要修改添加一些内容就行了
今天的收获
1.使用媒体查询宽度时前后顺序很重要
小屏幕宽度的媒体查询代码要放在前面
大屏幕宽度的媒体查询代码要放在后面
不然就会导致小屏幕宽度的媒体查询宽度条件一直生效
返回列表
评论