qq_24698097的博客

本文利用CSS3实现天气的图标，包括晴天，多云，雨天，下雪，打雷，采用了CSS3中的box-shadow，动画特效采用animation。其中主要采用box-shaow属性，感觉这个属性功能还挺强，详细说明见链接：https://www.runoob.com/cssref/css3-pr-box-shadow.html直接上代码，整体代码比较简单，如何使用的话需要微调位置，这个比较麻烦。整体效果如下所示：首先HTML代码 <div class="weather">

在实际开发中经常会遇到九宫格布局，所以总结几种利用CSS实现九宫格布局的方法，仅供参考...目录： 利用grid创建网络布局 利用display：table 利用absolute方位值 利用float 利用flex弹性布局 方法一：利用grid创建网络布局网络布局(grid)是最强大的CSS布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。参考文档：

总结一下CSS的垂直居中布局，欢迎各位补充..首先写个如下的html结构： <div class="parent"> <div class="child"></div> </div>方法一：flex布局 .parent { width: 100%; height: 300px; border: 1px solid red;