CSS任务六

一、需要掌握的技能

1、水平垂直居中

学习资料:https://www.cnblogs.com/hello9102/articles/11773437.html

2、模拟下拉选框

纯css实现:https://www.cnblogs.com/yewenxiang/p/6064117.html

3、制作雪碧图

学习资料:https://www.cnblogs.com/hello9102/articles/11768975.html

4、Bootstrap 教程

https://www.runoob.com/bootstrap/bootstrap-tutorial.html

https://how2j.cn/k/boostrap/boostrap-tutorial/538.html?p=1938

https://www.bootcss.com/

栅格系统

https://how2j.cn/k/boostrap/boostrap-layerout/778.html

下拉菜单

https://how2j.cn/k/boostrap/boostrap-menu/485.html

5、布局列表头,让列表头紧贴header

然后布局footer,让footer紧贴底部

6、屏幕过窄时,设置左边的文字被截断出现”…”省略号

任务效果展示:https://hello9102.github.io/Task/task6/

posted @ 2019-11-01 01:11  hello9102  阅读(164)  评论(0编辑  收藏  举报