功能：把鼠标放到图片上，图片自动旋转360度，鼠标移出图片，自动还原。

<!doctype html>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
/*hover是鼠标悬停在图片上时触发*/
.imgp:hover{	
  /*图片二维旋转360度*/
  transform:rotate(360deg);		
		img{
		  /*给图片设置过度为0.5秒，不设这个太快了看不清图片旋转*/
			transition: 0.5s;
</style>
<img id ="target" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F11499396130%2F0.jpg" alt="#" class="imgp"/>
</body>
</html>
                    CSS设置标签、图片，放大、缩小、旋转、移动、倾斜(tranform)1.缩小和放大属性（scale）格式：tranform：缩小类型（数值）；注意：缩小和放大都是 scale   ；  其中的值（0~1）代表缩小；大于1代表放大。其中0代表缩小到没有，1代表不变。tranform:scale(0.5)     /*整体缩小到原来的一半*/tranform:scale(2)       /*整体放大到原来的一半*/tranform:scaleX(0.5)     /*宽缩小到原来的一半*/
缩放，指的是“缩小”和“放大”。在CSS3中，我们可以使用scale()方法来将元素根据中心原点进行缩放。
跟translate()方法一样，缩放scale()方法也有3种情况：
（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；
（2）scaleY(y)：元素仅垂直方向缩放（Y轴缩放）；
（3）scale(x,y)：元素水平方向和垂直方向同时缩放（X轴和Y轴同时缩放）；
1、scaleX(x)
transform:scaleX(x)
<div style="height: 35px;width:300px;background:orangered;border-radius: 4px;" id="animat"></div>
#animat{
                position:relative;
                animation:mymove 5s infinite;
class.csstidy.php是解析器
bin / pcsstidy是独立的命令行可执行文件
此类表示CSS解析器，该解析器读取CSS代码并将其保存在数组中。 与大多数其他CSS解析器相反，它不使用正则表达式，因此具有完整CSS3支持和更高的可靠性。 但是，不使用正则表达式的缺点是速度较慢。 除此之外，它还对CSS代码进行了一些优化和修复。
 include('class.csstidy.php');
$csstidy = new csstidy();
// Set some options :
$csstidy->set_cfg('optimise_shorthands', 2);
$csstidy->set_cfg('template', 'high');
// Parse the
在 CSS 中，可以通过以下属性设置 `<img>` 标签图片的属性：
1. `width`：设置图片的宽度，可以使用像素值（如 `width: 200px;`）或百分比（如 `width: 50%;`）来指定。
2. `height`：设置图片的高度，同样可以使用像素值或百分比。
3. `max-width`：设置图片的最大宽度，避免图片超出容器的范围。例如，可以使用 `max-width: 100%;` 来让图片在容器内自适应宽度。
4. `max-height`：设置图片的最大高度，同样可以避免图片超出容器范围。
5. `margin`：设置图片周围的空白区域，例如 `margin: 10px;` 就会在图片周围添加 10 像素的空白区域。
6. `padding`：设置图片内部的空白区域，例如 `padding: 5px;` 就会在图片内部添加 5 像素的空白区域。
7. `border`：设置图片的边框样式，例如 `border: 1px solid black;` 就会在图片周围添加 1 像素的黑色实线边框。
8. `display`：设置图片的显示方式，例如 `display: block;` 将使图片变成块级元素，而 `display: inline;` 将使图片变成行内元素。
9. `float`：设置图片的浮动方式，例如 `float: left;` 将使图片向左浮动。
10. `position`：设置图片的定位方式，例如 `position: absolute;` 将使图片的位置相对于其父元素绝对定位。