发表于: 2016-08-12 23:48:56
1 1252
今天完成的事情:
1、完成了任务8中的卡片布局,没有采用table的形式,直接用CSS实现。
2、修改了选择器的命名方式,从“_”改为了“-”作为连接符。
3、学习了box-shadow的使用,实现了卡片的立体效果。
明天计划的事情:
完成任务8的卡片鼠标悬停效果,初步估计要用到CSS3中的动画。
遇到的问题:
在修改统一定义的属性值的时候,修改单个子元素属性值不起作用。
.menu li{
display: inline-block;
margin: 2% 4%;
}
.menu-title{
margin-left: 0;
}
说明:.menu-title 为其中一个li列表。
解决:在.menu-title前面添加 .menu 就能够起作用了。
收获:感觉现在看什么58同城、京东之类的网站的时候,满眼都是border、padding、margin。
评论