随笔分类 - 技术专题_学习笔记
摘要：小白在学习前端技术时候，一定会在刚开始的时候学习CSS2和CSS3的相关知识。这篇内容给大家介绍一个CSS鼠标悬停的效果。大家可以先看下面的效果图，然后我们在说一下实现的效果要求吧 上图效果非常简单和清晰，就是鼠标放上去能够将图片进行缩率图的放小效果。实现要求 CSS的伪类hover的应用，通过伪类
阅读全文
摘要：图片画廊也是一种比较经典的案例。本节文章主要简单给大家介绍了CSS2实现图片画廊，采取的实现思路 ul放置图片 li标签里面嵌套a标签 a标签里面嵌套两个图片的标签 通过简单的伪类来实现图片预览效果 具体效果图如下，这样子大家看了效果图，就会知道我们到底为了实现什么样子的效果 具体的代码如下
阅读全文
摘要：先给出效果图，见下图。下图主要的完成当鼠标放到分页数字的上会呈现一个变大的效果 实现思路： （1）. 使用浮动属性，以便让li元素水平排列。 （2）.将a元素设置为块级元素，然后设置它们的尺寸。 （3）.使用链接伪类控制当鼠标放在链接之上使a元素尺寸变大；使用绝对定位，使a元素能够覆盖周边的元素。
阅读全文
摘要：再来写一个菜单侧边栏的制作，先看截图 源代码如下
阅读全文
摘要：简单给大家介绍一下CSS普通菜单制作，先看图 功能很简单 UL制作菜单 鼠标进入LI的CSS伪类，实现菜单弹出效果 源码如下
阅读全文
