发表于： 2017-04-02 21:15:17
1 665
今天完成的事情：
1.完成任务6；
2.任务7.1完成
明天计划的事情：
1.学习chrome浏览器的开发者工具使用，为小课堂做准备
2.制作小课堂PPT，熟悉小课堂流程；
遇到的问题：
- 四个div并排居中：四个空的div作为背景，使用浮动形成一排，但是并不能使用简单的display：inline-bloc，text-algin:center居中。
- 解决方法：外层增加一个div，使用margin: 0 auto；居中。这样造成父类的高度不能自动撑开，从而没有背景效果，
- 在父类中是用overflow：hidden：清除浮动即可。
收获：
1.三角形的css画法：靠边框来实现，设置一个大小为0 的div调整其三边边框的大小来形成三角形，将其余几边设置成透明色即可
.triangle{
width: 0;
height: 0;
border-bottom: 28px solid transparent;
border-top:28px solid transparent;
border-left: 28px solid #fbb435;
}
2.使用<a>标签给上面三角形加链接效果，不着调这样有没有什么后遗症。
返回列表
评论