发表于: 2017-04-17 20:58:04
5 719
好多天没写日报了。
今天完成的事情:
1、学习雪碧图。
2、bootstrap的使用。
3、栅格布局。
明天计划的事情:
1、继续学习栅格布局。
2、完成任务6。
遇到的问题:
1、vertical-align:middle;text-align:center;和margin:0 auto;这几个居中的属性经常不知道用哪个。
解决办法:
①vertical-align:middle;设置元素垂直居中,通常情况下是无效的。另:这个属性通常是相对左边元素的高度垂直居中的,所以左边设置一个高度填满父元素的空元素可以实现垂直居中。
②text-align:center;设置文本或img标签等一些内联对象(或与之类似的元素)的居中。
③margin:0 auto;设置块元素(或与之类似的元素)的居中。
2、继承问题分不清。
解决办法:
background不是继承属性。
另外:能继承的是属性,而不是元素。例如:ul,li元素中可以看到父元素背景图片,是因为它们本身默认背景是透明transparent,因此可以看到父元素的背景,而不是继承关系。
3、布局似乎有些繁琐,有些可以用<p><span>之类的标签的也用的<div>。
解决办法:
不过个人感觉用<div>结构会更清晰,但是需要定义很多类。不过接触bootstrap发现它都是要定义类的,所以不知道别的标签还需不需要使用。<span>好像没啥大用。
4、img标签设置背景时会有灰色边框,不知道怎么去除。
解决办法:
暂时没找到解决办法。改用的span标签解决了问题。
收获:
1、学习了bootstrap的使用,栅格布局。栅格的row有自带padding,container也是有padding和margin,有利有弊。
2、发现html标签不够熟练,继承问题也要注意,今天很多时间都浪费在背景颜色的设置上了。
评论