发表于: 2017-03-10 11:15:39

1 658


今天完成的事情:

1. bs的轮播图插件
2. 初步的构思了一下这个企业网站的响应式的写法, 感觉很多地方要改, 不过还是先把手上的东西做完, 然后到任务九要改的时候再回来系统的更改。
3. hover的动画效果
4. 负的外边距的理解方式和常见的一些作用
5.not选择加上:first-child的运用
6.要在小分辨率的情况下改变宽度的元素, 比如col-xs-12 col-md-4这样的形式 , 上面留出来的空间不要用父元素的padding -top , 而是用元素的margin-top. 这样可以在自适应的时候去节省工作

7. 一些公用的元素,比如header footer这样的内容,在定义样式的时候不要用公用的元素 名字, 比如我之前用的这个,这样是错误的示范会影响之后的操作。而是改用专门定义的类。

8. 轮播图把header挡住了点击不到a元素 , 在header和carousel 之间增加了一个clearfix用于增加。

明天计划的事情:


1. 看一下bootstrap对于响应式的支持看一下要怎么搞吧。昨天写这个推荐的那个部分写的我脑壳疼。


遇到的问题:

基于bootsrtrap框架之下的div.col-md-3 下面的span如何垂直居中 ?

用bs完成传统的双栏布局, 中间的外边距如何把握, 我现在是将中间的空白部分写成col-md-1 感觉这样写有点多余,而且中间的宽度不能控制, 很难受


问题2已经解决, 在查看了别的一些站的代码之后,发现他们用的不是外边距而是内边距, 然后在col的里面再嵌套一个div作为盒子。

垂直居中也已经解决了, 之前看了一下张鑫旭大神的关于vertical-align的帖子, 感觉还是很多地方不是很清楚, 试验了一下也确实不成功, 然后用了设置成table-cell的方法完成了设置。

收获:





返回列表 返回列表
评论

    分享到