发表于： 2016-07-10 11:33:51
2 1443
今天完成的事情：{
1、完成任务7；
}
明天计划的事情：{
1、修改任务6，包括HTML架构修改，自适应，重复样式的整理，跳转等（繁；
2、完善任务7，自适应。。；
}
遇到的问题：{
1、好多，表面的问题都暂时解决了，见收获；
}
收获：{
1、开始逐渐习惯使用rem单位，宽度用百分比，为页面自适应打下基础；
2、加深行内元素与块元素的区别，例如p、h1、div标签是块级元素，span、Img是行内元素，弄清楚后，在居中和垂直对齐出问题时，可以有条理的找到问题所在，理解CSS的内在机制（简单向）后很多以前的问题就迎刃而解，例如，img与span（尽量不用p）如何垂直居中对齐；
3、ul和table标签熟练度+1，特别是ul，在导航，内容，链接等都非常需要灵活使用，可减少div的嵌套，同时注意list-style的美化，还有last child的使用（暂时不熟）；
4、使用a标签的伪类遇到一个问题，任务7的“战略合作伙伴.html”的左边导航栏，我把一个div和文字嵌套在一个a标签下，然后div和文字的hover分别设置成background变色，字体变色，
（1）当鼠标移到div上时，div和文字都会变色：
（2）但是当移到文字时，文字变色div不变色，为什么呢（求指导）？
5、clear属性是清除左/右两边的浮动，浮动的元素已经脱离文档流，下一个元素要注意添加clear属性；
6、在body标签中添加 {font:400 125% "微软雅黑",serif;}没用，在html添加才起作用？
7、后代选择器与子选择器的选择要慎重一点，有优先级不同的；
8、对百分比的理解一般，假如一个div元素是的width:100%，里面img的width:20%，就是img占div的20%宽度，div占父元素100%宽度，百分比就是父元素的相对比例，暂时这样理解；
9、绿皮书、教学视频、动脑理解、动手操作，一个不可以少，基础根基一定要扎实，尽量把零散的学习内容逐渐归类整理，易于记忆，css要记得东西还是挺多的；
}
注：点击底部
的“企业合作”可以跳转，或者
返回列表
评论