css鼠标状态，事件和常用的代码

鼠标状态  https://www.w3school.com.cn/cssref/pr_class_cursor.asp
cursor:default  //箭头  正常状态的样子
cursor:Pointer	//小手	点击的样子

css鼠标事件 https://www.w3school.com.cn/cssref/css_selectors.asp
:link	//没有触发时
:visited//择器为已被访问的链接设置样式
:active	//鼠标点击元素时
:hover  //鼠标放在上方时

常用的代码：

css动画 https://www.w3school.com.cn/css3/css3_animation.asp
:hover移入  :active 点击
///移动端字体：font-family：Helvetica
margin；
padding；
list-style：none；ul样式
vertical-align 图片对齐
text-decoration:none；a链接下划线
cursor：；鼠标状态
display: none;显示隐藏
text-align:center--margin:0 auto居中
border-radius圆角
transform:rotate(9deg);旋转

----------       js/jq      ----------

true: 正确 false:错误

	length-----长度    index-----索引    find-----查找   
	
	siblings 兄弟 同辈  child（子类）

---  addClass（添加类）removeClass（清空类）   ------

---  var int=setInterval（fun，300）clearInterval（int）   ------重复一直到被停止

---  setTimeout（fn，300） clearTimeout()------单次

mouse 	------鼠标-----
mousedown([[data],fn])			鼠标按下
enter 进入 leave 离开 move 移动 press一直按压 down 按下
up 往上 down 往下over 过来上方 out 从上方移开

touch  ------手指-----
start按下  end抬起 move移动

show([s, [e], [f]])	显示

hide([s, [e], [fn]])	隐藏

toggle([s, [e], [fn]])	切换

// $(window).scrollTop(0)---$('html , body').animate({scrollTop: 0},'slow');回顶

.append("<p>111</p>"）添加标签
stopPropagation();阻止冒泡
            preventDefault()阻止默认事件例如a跳转
parseInt(xxx)转换成数字

=！取反

/*https://www.w3school.com.cn/css3/css3_transition.asp*/
div{
width:100px;
height:100px;
background:yellow;
transition:width 2s,background 2s;/*属性 时间，属性 时间*/
/*-moz-transition:width 2s;  Firefox 4 */
/*-webkit-transition:width 2s;  Safari and Chrome */
/* -o-transition:width 2s; Opera */}
div:hover{     /*最终的样式*/
width:300px;
background:red;
}