前言

上篇文章主要讲述了CSS样式更改中的多列、元素是否可见、图片透明度基础知识，这篇文章我们来介绍下CSS样式更改中用户界面和指针类型基础用法。

1.用户界面 UserGui

1).重设元素大小 resize

垂直对齐方式 vertical-align

效果如下

快内谁的高度大，就给谁设置vertial-align.

过渡属性

本文介绍如何通过主 CSS 设置，实现图像的基本特效，图像悬停hover和图像动画。

Creating Basic Image Effects With CSS使用 CSS 创建基本图像效果

前言

在CSS中很多隐藏元素的方法，但这些方法的可访问性、布局、动画、性能和事件处理的方式有所不同。

5、定位

本章目标：

• 会使用position定位网页元素

滤镜的使用格式：

<style type="text/css">
<!--
.filter { filter: Alpha(Opacity=50)}
-->
</style>

filter滤镜目前只有IE浏览器支持,不推荐使用，不区分大小写

制作一个炫酷的按钮可以为网页增添活力和吸引力。通过巧妙运用CSS动画和过渡效果，我们可以创建一个交互性强、视觉效果炫目的按钮。下面是一个简单的例子，演示如何创建一个炫酷按钮。

1. 基础样式

首先，我们定义按钮的基本样式，包括位置、大小、边框、背景颜色等。

这段代码定义了按钮的基本样式，包括按钮的大小、边框、背景颜色、字体等。

介绍一个比较常见的动画效果。

在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的

或者是一个卡片容器，里面可能是图片或者文本或者任意元素

除此之外，还有那种不规则的图片，比如一张奖品图片，只会在图片本身出现扫光，透明度地方则不会

这些是如何实现的呢？一起看看吧

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。

你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果？每一种方法实际上与其他方法之间都有一些细微的不同，这些 不同决定了在一个特定的场合下使用哪一个方法。这篇教程将覆盖到那些你需要记住的细小不同点，让你根据不同情况选择上面这些方法中适合的方法来隐藏元素。