发表于: 2016-03-12 01:35:02

1 1913


今天完成的事情:

1、看了古尘师姐发的好几篇文章,感觉收获颇丰,一个是关于float的,虽然作者的本意是要表达float被滥用了,解释了float是破坏了自己和旁近元素的inlin-box从而达到了文字环绕效果——而这会引发高度的崩塌,从而导致布局上的问题,或者埋下隐患。所以作者表达了对滥用属性世风日下的愤慨,但出于无奈只能接受现实,并最终给出了一套消除浮动的解决方案,其中最佳方案如下:

.fix{zoom:1;}

.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}

使用一个跟在最后元素末尾的伪类。

2、第二篇文章说的是关于line-height的,有一点值得提起的是占据撑开box的其实不是文字而是行高,这解释了我前几天见到的一个无关紧要的奇怪现象,而且结合float那篇文章很好的令我理解了我之前一做到元素集中的地方时就会位置错乱而懵逼的情况。

3、看到task7着重提到了命名,于是特地复习了一下。

4、把task7的header和footer样式先写掉了。

明天计划的事情:

先把两个页面做出来,之后集中研究一下轮播图。

遇到的问题:

关于鼠标滑过导航栏的特效稍微纠结了一下,之后查到了可以使用 .类名:hover{ } 来添加。

收获:

现在写静态页面基本就是在不断复习以前的东西以及训练布局思路吧,细节方面的东西也不是很在意和纠结了,偶尔停下来看看前辈们的心得相当有帮助。






返回列表 返回列表
评论

    分享到