发表于： 2018-06-08 23:46:27
1 566
今天完成的内容
任务4的深度思考
任务3的修改提交
background的运用
对其他垂直居中的方法运用
明天的计划
任务3的学习资料的温习
任务1.2的学习资料温习
半个月所来学习的总结
遇到的问题
1.虽然知道代码的运用方法但是编写的时候还是错误不断，嗯准确一点说还是要不断的测试修正，因为没办法能一下写对正确的数值
（比如具体的字体大小，要不断的修改才能达到最好的效果）还有就是发现了一些属性效果的重复，节省了代码的长度。
2.好像我又钻进了一个牛角尖，想实现块元素居中但是里面的文字属左对齐方式就如下图效果。
虽然我用margin做出这样的效果（手机也能自适应）但是，如果我把它无限拉长甚至超过网页宽度它因为长度不够而不能完美居中（不是margin不努力，而是文本长度实在够不着）如下
而文本居中text-align; center;能够完美解决这个问题
但是有暴露一个缺点，就是它在宽度不那么大的时候（手机宽度，网页宽度）就会形成文本居中，美观和无法达到还原，严重逼死了我这个强迫症
所以有没有在这种文字长度不够情况下给外面块元素设置居中效果并影响块元素里面的文字位置缺不影响文字的对齐属性。百度了好几个方法但是发现这2个不能完美实现，我感觉我快要死了
，再次求师兄们解惑！
收获
如果简单的写：任务3，4知识点的温习和深度理解会不会被关楠师兄打死
；但是把知识点重新打一遍或复制粘贴又显得又臭又长。还是简单一点算了
额外知识：font-size: 625%;已经使用的得心应手了，不再出现前天那种一改就布局全乱而且无从下手的蒙蔽情况了；
background背景和缩写的实践（背景已经掌握，但是缩写的语法还是有点没吃透，因为有的元素并不是每个background的属性要用到，所以在什么情况下怎么个写法就是个难题（因为有的元素不写就会有默认值）。
position: absolute;的运用，虽然师兄让我少用这个属性，但是有些地方我感觉还是无可避免的要到的，比如任务3，因为设置了<body>的margin,所以我的左上角图标不脱离文本的话无法达到左上角，运用了absolute脱离文本流后，进行定位，完美解决（比起不设置body的margin而慢慢去修改下面元素的定位来说方便太多；relative不知道能不能代替，虽然我觉得这个属性不脱离文本流应该代替不了，但是实践出真理，明天去试一试再说，总感觉明天要被它打脸
）然后就是下面2个图片我也用了一个absolute，因为如果网页缩小到一定程度，不用absolute的话，因为宽度不够，有一个图标会被挤到下一行，而用了absolute后有一个会脱离文本流的原因只会进行重叠而不会被挤下去，所以纯粹只是因为强迫症和个人看的舒服问题，如果这样用有隐患请师兄打醒。
总结：快到12点了，该洗洗睡了，明天又是新的学习一天（最近几天因为店铺里的事情还有早，下午驾校学车，所以学习时间只有中午12点-2点和19点-23点这几个小时，如果写到的学习的新知识少的话，请师兄多多包涵）
返回列表
评论