发表于: 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标签不够熟练,继承问题也要注意,今天很多时间都浪费在背景颜色的设置上了。


返回列表 返回列表
评论

    分享到