2020.8.20 陈悦玲

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

按钮组

下拉菜单

信息提示框

导航栏

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

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

标签

评论

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