20200820_叶梦宇_

学习总结

引入boot前提：

1.html5

2.设置视口 :viewpoint

width=device-width 设置屏幕宽度

initiali-scale=1;缩放比例

shrink-to-fit=no 自适应在手机屏幕

3.注意引入顺序

注意：boot是在啊jqiery之下的

1，栅格布局

均等分成12份 ，按自己需要分划比例

2，媒体查询（响应式布局 ）都是css3的，不是boot的

@media screen and (max-width:575px){

}

flex-basis 在列表的li里用，代表每个li占多少百分比

尺寸：如果设定了最小宽度 实际宽度>min-width，所使用的都是min-width的样式，这就是向上兼容

超大屏xl 大屏lg 中屏md 小屏sm 超小屏xs

一定要会手写响应式，

flex布局

定位（float 相对定位+绝对定位+默认流）

fetch 新的ajax请求

学习心得

今天 也是学习的boot，渐渐理解了框架的意思，感觉确实比自己敲代码更方便和快捷，而且也有很多的样式。大大提高了自己的效率，但是也要注意格式和用法，这方面还是要下大功夫 去背诵。这几天的晚自习都在敲华为官网的代码，感觉一个写一个网页还得自己设置样式，真的太麻烦了，框架真的 是个好东西。