Bootstrap

栅格布局：随着屏幕或者视口尺寸的增加，系统会自动分为最大的12例

使用方法：父元素写class="row" 子元素写class="col-n" 其中n=1-11

响应式网页：

媒体查询：@media screen and ( max-width:xxpx){

{执行样式}

}

弹性布局

内容垂直对齐 align-content:center

单个元素对齐 align-self:center

设置子元素等宽 flex-fill

放大 flex-grow-1

缩小 flex-shrink

换行 flex-wrap

按钮组

下拉菜单

信息提示框

导航栏

具体内容写在了本子上 以上为较为重要的点

心得：今天做了华为官网，发现很多知识都掌握的不牢靠，有些就是会壳在脑子里出不来，问一下又知道了，还是得多多练习才行