h5小问题总结

在div无宽高的基础上,实现div居中显示方法:

1、若div宽不变,可以使用padding或margin来实现

2、若div宽不确定,可以使用,父类添加属性text-margin:center;与自身添加属性display:inline-block结合使用。也可实现

在使用easyui组件时,若内容有溢出,想出现滚动条,要给div加上宽高,可以实现。不加div会出现滚动条位置出现问题。

将div做成button按钮样式时,div会过于死板(鼠标移上去、点击等无任何效果),可以使用css3的新属性进行丰富。

cursor:pointer;    使鼠标移动到div中,鼠标箭头变为小手

opacity:0.8;   使div的透明度变得低一点,当我们把opacity的透明度调到0.8使,其实我们大家是看不出太大差距的,主要是为了后期的鼠标悬浮的效果做准备。

div:hover {

opacity:1;鼠标悬浮时,div会变高亮

}

div:active {

box-shadow: 0 0 10px  #FFF;鼠标点击时,div外发光,颜色以及范围可以自己调

}

你可能感兴趣的:(h5小问题总结)