你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！
最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。
废话不多说，上干货
今天给大家带来的是列表栏目里的图片预览，展示一下效果。
图片在默认状态情况下以缩略图的形式给浏览者，但是不压缩属性，光标悬停效果在CSS3主要利用.hover伪类实现
第一步，新建一个HTML5文档（此处省略）。使用a元素包含一个缩略图和一个大图，通过包含动态显示的大图和提示文本。第二步，在样式表定义图片浏览样式
设置包含框定位为相对定位position：relative，这样都是以当前包含框为参照物进行定位。
好了，今天的干货分享就结束了，如果感觉阿雨的分享对你有帮助的，就关注我吧！！！
创作不易，感谢有你，一路同行，加油！