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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1