发表于： 2019-05-05 21:43:44
1 714
今天完成的事情：
1.bootstrap文件夹内.min表示压缩文件，通常使用这个；不包含的是用来看代码的文件；map文件后缀是css源码映射表。
2.了解bootstrap能在哪些地方作用。更多是使用图标库，加快网页速度。默认字体大小是14px，rem一般使用时10px，方便计算。bootstrap里面有许多默认值，css具有能够覆盖前级的特点。
3.css继承的样式有哪些？字体、文本属性、元素可见性、表格、列表等。css的继承特性，能少写很多代码，而不是每个类都添加属性。利用好继承性和覆盖性。也有些是无法继承的属性，display、盒模型、背景、定位。如果多种属性叠加要考虑选择器的优先级问题，为了保证后期可维护性，使用简洁的选择器很重要。一切都是为了实现效果而使用的，避免使用hack技巧。
4.任务七完成首页。任务七开始就要完成多个页面，组成一个完成的软件网站组件了。考虑在不同尺寸的下，网页响应式布局。
5.响应式布局要注意哪些问题？响应式布局要和媒体查询配合使用，光是弹性布局的比例拉升变化，无法适应从手机到pc，横屏竖屏的大幅度变化，特别是复杂些的网页布局。需要检测屏幕尺寸，重新排列布局。然而小屏幕浏览大页面时候，字体很小，体验很差，这时候要告诉浏览器按照设备的宽度来布置网页内容，使得字体适中。还需要处理图片以及字体大小的适应问题。图片要注意不能使用 width：100%，当容器比图片宽很多的时候，会过度拉伸变形。而要使用max-width：100%，使图片填充满容器。字体则是可以使用rem，根据root来变化。
明天计划的事情：
1.把任务七剩下部分完成，需要加快进度下。学会在状态不好的时候，把任务完成。毕竟，工作就是工作。
返回列表
评论