发表于： 2016-07-05 20:15:24
9 1546
今天完成的事情：
1、完成了TASK10的两个页面；
2、总结TASK10。
明天计划的事情：
1、开始TASK11；
2、继续看JS的书；
遇到的问题：
1、在使用bootstrap之后垂直居中很麻烦，很难完美居中，但是又想强迫自己实现，于是花费了大量时间——用padding可以实现近似居中，不知道算不算投机取巧、偷工减料；
2、总是想把每个细节都扣到完美才往下进行，结果拖慢进度——还是应该迅速的向前走，在一个领域的时间增长，熟悉感增强，有些问题回过头自然能得到解决；
3、由于不熟悉bootstrap的具体代码，当其与自己的样式冲突的时候有时候不知道如何下手解决；
收获：
1、感觉bootstrap是一个很好用的框架，用它可以把网页的框架统一性的搭起来，并且能够提供一些很方便和美观的模块和插件，不必自己使用繁琐的代码实现，使用bootstrap的时候使用它的网格系统搭起框架，不要修改框架的结构，将大致的东西填进去之后再利用自己的样式变实现特殊的样式；
2、bootstrap是移动设备优先的，首先针对移动设备进行设计，然后逐渐扩展到桌面设备；
3、在base.css或reset.css中应提前设置好各级文字的大小、粗细，形成统一标准；
4、代码语义化，应该使用列表的时候就不要使用div；
5、bootstrap的list-inline和ul的display：inline-block结果不同，list-inline间距更大；
6、很牛的轮播图的插件，怎么实现的根本不清楚，但是就是实现了，而且轮播图的图标使用文字图标glyphico-chervon-left/right很好，大且居中；
7、reset里的*{margin：0}无法覆盖bootstrap的样式，也没有必要去覆盖；
8、font-family里可以使用汉字设置字体，"微软雅黑","宋体"."黑体"；
9、字体大小的媒体查询，在html中规定字体为62.5%，根据不同屏幕大小更改这一数值，对p span body的文字大小设置rem，h1-6也需要单独设置，否则就会使用bootstrap的预设的字体大小和粗细。
返回列表
评论