发表于: 2016-03-13 21:16:49
1 1675
今天完成的事情:刚好周末书到了,索性闷头学了两天,任务暂时没做,CSS设计指南读完一半
明天计划的事情:task7-1完成
遇到的问题:1、html结构一直有问题,看书以后意识到从没做过DOM,开始对结构的规划就没有难免稍微大一点的任务就反复改动;
2、两个类选择用一个特性时之间不加逗号!以前写的都错了。只有同类选择符之间才加;
3、ID相对于JS上使用,不能滥用!类选择应该在含有共同特性时使用,单一特性的少用。上下文选择符多用;
4、html是提供语义化的,别除了div ul别的根本不用!根据任务需要的位置使用不同标签;
5、absolute如果需要relative,relative是在其祖先元素上!明白了为什么之前有几次用绝对定位位置总是不对,做相对定位的是同类元素;
收获:1、意识到以前编写的错误,接下来的任务有意识的改正
2、盒子模型宽度讨论:若未设置宽度,在margin、padding及border确定后,内容宽度随浏览器大小相应发生变化。
若已设置宽度,在margin、padding及border确定后,总宽度确定也是浏览器缩放的最小宽度
3、清除浮动的类标签.clearfix
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
页面上的浮动元素使用完以后,下个元素在标签里加上这么个类选择。
以后任务做一个阶段后需要系统的复习下,如果任务快完了才意识到自己的问题估计改起来就难了
评论