学习第五天

学生管理系统的页面原型完成得差不多了。但是目前待解决的问题有：
1.怎样使盒子之间有留白或者间距，查了很多资料，都是文本周围有留白。
2.我用的是css doodle写的背景图，可是最近发现，我写的其他盒子元素与css doodle是分割开的，我理想中的界面是我的css doodle作为背景图而不是分了开来。
在写我的页面时还是遇到了很多多问题，下面是汇总：
1.在写教师信息的时候，我的想法是用css3写一个图片翻转，可是在写的过程中，发现很多问题，边学边写。如果最外边的容器flip-container如果没有dispaly=inline。就会出错，div盒子会占一整排，还有就是flip（子盒子）在定义width时不能使用%这哥方法，不然会出错，大概是因为position的关系。最重要的就是，当图片很大时需要 定义视角的位置，让翻转效果看起来没有那么生硬。注意浏览器的兼容模式调整。
2.在写学生信息展示的表格时，发现用bootstrap框架的列表达不到我想要额效果，原以为他的隔行展示颜色时在js中写的，我还暗自苦恼了很久，该怎么去改，后来发现，其实很简单，他时直接用class定义，然后非常生硬的在css中写的，我直接把class删掉就能直接找到我想要的结果。
3.在修改背景色为透明的时候。主要找到opacity：0;（透明度方法），background-color：transparent。发现使用opacity的方法是全部变成透明的，包括边框，文字等等。这个当然达不到我想要的背景透明的 效果啦，我换成了经常在button中使用的background-color：transparent这个方法，既保留了我的文字，边框的颜色，也达到了我的要求。界面等级上升了很多多个档次。