发表于: 2016-12-10 23:36:59
1 1380
今天完成的事情:
1、看JS和JQuery方面的知识;
2、听杨泽平讲inline-block布局产生空格方面的知识
明天计划的任务:
继续写JS3
遇到的问题:
听杨泽平讲inline-block方面的知识,学会了消除空格的方法还可以设置父元素为table。但是,这样一来,个人觉得,可以直接考虑用table-cell布局可能更好一些,毕竟talbe结合inline-block看起来总是怪怪的,代码结构上不是很好。
今天重新又翻了关于选择器方面的知识,接触了一个新的选择器:“~”,它表示通用兄弟选择器,不同于相邻兄弟选择器“+”,它表示对其所有兄弟的兄弟选择器设置样式,而不是仅仅对相邻兄弟元素设置样式。以前不知道这个选择器,所以经常使用ul和li搭配布局。因为后一个li是前一个li的相邻兄弟元素,因而可以用“+”做到这样一种效果:除第一个li,后面所有li设置特殊的css样式。用了“~”通用选择器,就可以很方便的对兄弟元素设置样式了。当然,这不是说“+”没用了,它可以在一些特殊的场合发挥一些奇妙的作用。我一直觉得:每一个css,都有和其他某一些css相似的功能,可以做到一样的效果。但是,在某些特殊的场合,使用该css样式可以用最少的代码、最巧妙的思想写出需要的样式效果。所以,在学习css样式时,一定要注意总结每种css样式与其他css样式的共性,以及自己的个性。
收获:
1、知道了用display:table可以消除inline-block空格问题;
2、学习了一个新的选择器:“~”。
评论