发表于： 2019-05-16 13:36:17
1 915
今天完成的事情：
1. 完成并提交任务13
2.准备部分小课堂内容
明天计划的事情：
1. 准备完小课堂
遇到的问题：
1. 设置overflow的时候整个页面都在滑动，需要滑动的那块区域下边的留白太多
仔细检查，查找原因后发现， 给某个块设置overflow的时候，高度不能设置100%，因为上下还有块，会导致页面的高度为100%+其他块高度，会让整个页面都滑动
2.准备小课堂的时候发现内联元素位置以及基线的问题
咨询师兄后发现，只有一个元素时，vertical-align是根据父元素的基线（字体基线）对齐，子元素对齐要是会突出的话，默认在边角，设置行高字体位置改变，基线就改变，有多个内联块时，保证同行基线对齐，与父元素基线对齐，vertical-align只对于自身，不遗传，也不作用于子元素，同一行的内联元素，内联块元素，基线必须对齐
收获：
准备小课堂，垂直对齐的方式
1.单行垂直 对齐用line-height方法；
2.多行垂直对齐，可以用line-height＋inline-block
任务名称 ：css-task-13
成果链接：https://chenchenchen96.github.io/task/task13/html/task13-1.html
任务耗时：2019.5.14–2019.5.16(3天)
官网脑图：
我的脑图：
任务总结：
任务13主要运用了css架构，跟拆分样式表
1.css网站架构：主要就是将一个页面分为多个模块（一般可分为头尾中，reset），使得后期更好维护，哪个模块出问题或者需要修改，只需要改动他相对的模块即可，由于各个模块具有独立性，因此它们之间可自由组合，提高开发效率。
2.css样式分离，一般指的是“以单独的CSS文件将CSS样式分离出来”，此处的重用多针对不同页面的重用，就是说，一个样式文件，可以多个页面使用，这对于一些公共样式的重构是很有用的
返回列表
评论