发表于: 2018-08-01 22:45:33
1 560
今天做的事情
完成任务6
明天计划的事情
开始学习任务7的知识
遇到的问题
今天没遇到太难的问题。
学到的知识
任务6列表的布局,之前是用table布局写的中部内容列表,字体过长时变成小数点的设置也没有起作用,因为table,td的宽度就是内容宽度,设置text-overflow:ellipsis;跟 overflow:hidden;不起作用,然后全部推倒重来,重新用ul 列表布局,具体的代码是,ul标签下三个li 标签,其中服务的时间和右边的价格以及大于号标志 在一个li标签内,包含价格的div盒子使用了浮动属性,值取右,这样它会脱离文档流,直接跟price写在了上面,算是一个小技巧。雪碧图的使用:最上面的服务日期和最下面的北京通州果园都使用了雪碧图背景,之前雪碧图是直接用在ul的背景的,但是师兄说这样不合适,以为比如说网页维护时,老板要求把地址北京通州写在上面,服务日期写在下面,这样雪碧图标签跟内容就不匹配了,所以改成为单独的li标签设置雪碧图背景,然后是字体超长变成小数点的设置。
评论