在Web开发中，让元素旋转是一种常见的视觉效果，它可以用来引起用户的注意、增加页面的美观度，或者是实现一些动态交互效果。对于网页元素，尤其是HTML中的div元素，我们可以通过CSS样式属性来实现旋转效果。
需要了解的关键知识点是CSS中的`transform`属性。`transform`属性允许你对HTML元素进行一系列的变形操作，包括旋转（rotate）、缩放（scale）、倾斜（skew）和移动（translate）。对于旋转效果，主要用到的值就是`rotate`，它后面通常跟随一个角度值来指定元素应该旋转多少度。
在上面提供的代码示例中，可以看到如下代码段：
```css
#example{
transform: rotate(40deg);
-o-transform: rotate(40deg); /* Opera */
-webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
-moz-transform: rotate(40deg); /* Firefox */
}
```
这里，`transform: rotate(40deg);` 表示将id为`example`的div元素旋转40度。此外，还添加了不同浏览器前缀的兼容写法，如`-webkit-`用于旧版Chrome和Safari，`-moz-`用于旧版Firefox等，以确保在各种浏览器中均能正常显示旋转效果。
值得一提的是，在旧版的Internet Explorer浏览器中，并不支持标准的`transform`属性，因此需要使用特定的滤镜（filter）来实现相似的效果。上面示例中使用了`filter:progid:DXImageTransform.Microsoft.Matrix`来兼容IE浏览器。滤镜中的`M11`、`M12`、`M21`、`M22`等参数实际上定义了一个二维变换矩阵，通过这个矩阵可以实现旋转、缩放等多种变换效果。
除了直接指定旋转角度，`rotate`还可以使用角度单位，如`deg`（度）、`rad`（弧度）、`grad`（梯度）和`turn`（圈），来表示旋转量。例如：
```css
#example{
transform: rotate(45deg);
}
```
上面代码将div旋转了45度。如果想要逆时针旋转，可以指定一个负的角度值：
```css
#example{
transform: rotate(-45deg);
}
```
在实际开发中，可能需要根据项目的具体需求，动态地改变元素的旋转角度。这时可以使用CSS的`transition`属性来为旋转添加动画效果，或者使用JavaScript来控制旋转角度的变化。
通过结合CSS3的动画（`animation`）属性，我们还可以制作更为复杂的旋转动画效果，比如使元素按照一定的路径旋转，或者在旋转过程中改变其旋转速度。
总结以上知识点，让div旋转一定角度的基本方法是使用CSS中的`transform`属性，并指定`rotate`函数及其参数来完成。同时，考虑到不同浏览器的兼容性问题，可能需要编写对应的浏览器前缀代码或使用滤镜实现兼容。通过结合`transition`和`animation`属性，开发者可以创造出更多样化的旋转动画效果。
