20200819+袁鑫

知识总结:

lang属性:设置网页解析所参照的语言类型

boot默认只支持4个屏幕尺寸 xl lg md sm 不支持xs,boot中默认1个rem是16px。

bootstrap使用前提

  • ​ html5
  • 一定要有视口
  • 要在jquery的环境下,在链接js文件时要先链接jquery

css reset

html5最优质的解决方案 Nomalize.css

容器

container:定宽容器,左右内边距15px,水平居中,每种不同的分辨率下,有不同的最大宽度(max-width)

container-fluid:变宽容器,宽度永远是父级的100%

注:我们所有的boot都要写到容器中。

css样式修改

  1. 如果我们能够保障这个样式在页面中只使用一次,那么就可以直接修改原类名 .btn .btn-success...
  2. 我们添加一个新的类名进行修改

width=device-width:表示宽度是设备屏幕的宽度
initial-scale=1:表示初始的缩放比例
shrink-to-fit=no:自动适应手机屏幕的宽度

.table和.btn

table和button必须要声明。

boot响应式:向上兼容

心得:

今天是来云创学习的第十一个日子了,都说21天养成一个习惯,这样的学习生活再来十天,我想我以后不学习还不习惯了叭。今天没打瞌睡,学习的新知识也都大部分掌握了,这部分没什么基础,还需要自己多练习一下,把每一个类名都试一下,不过今天的大部分课余时间都是在写华为官网,总是感觉自己格局还是小了,考虑的不是很全面。或许也是因为写官网的经验不怎么有!明天记得加油。

评论