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外发光,颜色以及范围可以自己调

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 5,693评论 0 1
  • 0. HTML对象获取问题 3 0. const问题 3 0. event.x与event.y问题 3 0. wi...
    赵长安啊阅读 3,523评论 0 0
  • 我在铁路工作,是一个连结员。很多人都不知道连结员是干什么的,这也是我经常像朋友解释的问题。通常是噼里啪啦地说了一通...
    我Csm阅读 9,067评论 1 2