/*Vue隐藏*/
[v-cloak] {display: none;
}
/*清除样式*/body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{margin: 0;padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block
}html, body {height: 100%;
}html {position: relative;margin: 0 auto;max-width: 750px;min-width: 300px;font-size: 62.5%;
}body {position: relative;font-size: 14px;font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;background: #fff;color: #282828;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;
}h1, h2, h3, h4, h5 {font-weight: normal;font-size: 14px;
}a {color: #333;text-decoration: none;transition: color .2s ease-out;
}a:hover {text-decoration: none;
}em, i {font-style: normal;
}ol, ul, dl, li, dt, dd {list-style: none
}img {border: 0;vertical-align: middle
}.boxShadow{box-shadow: 0 0 .18rem 0 rgba(0,0,0,0.1);
}a img {border: 0
}table {border-collapse: collapse;border-spacing: 0
}
input, textarea {font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;outline: none;
}input, textarea {-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;outline: none;padding: 0px;margin: 0;
}
/*透明度渐变*/
.opacity{-webkit-animation: opacity 0.3s linear;animation: opacity 0.3s linear;
}
@-webkit-keyframes opacity {0% {opacity:0;}100% {opacity:1;}
}
@keyframes opacity {0% {opacity:0;}100% {opacity:1;}
}
/*清除浮动*/
.clearfloat{zoom:1
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0
}
/*居中*/
.center{margin: 0 auto}

转载于:https://www.cnblogs.com/AttackLion/p/8492309.html

CSS公共清除浏览器默认样式相关推荐

  1. css知多少(4)——解读浏览器默认样式

    原文:css知多少(4)--解读浏览器默认样式 上一节<css知多少(3)--样式来源与层叠规则>介绍了样式的五种来源,咱们再通过一张图回顾一下. 对于上面的三层,咱们大概都比较熟悉了.下 ...

  2. 23.去除浏览器默认样式

    文章目录 去除浏览器默认样式 1.枚举式 2.简单页面草率式 3.装杯专业式 去除浏览器默认样式 通常情况下,不同浏览器可能会为相同元素设置一些默认样式,因此就可能导致开发的页面在不同浏览器下打开效果 ...

  3. 浏览器默认样式有哪些,如何覆盖

    1.user agent stylesheet是浏览器默认样式表,是浏览器默认样式. 2.不同浏览器的默认样式不同个,甚至同种浏览器不同版本的默认样式也可能不同.其中google中对body的默认样式 ...

  4. css文本框圆角不兼容,CSS教程之重置默认样式与IE兼容圆角的解决方法

    CSS教程之重置默认样式与IE兼容圆角的解决方法 IE兼容css教程3圆角的htc解决方法 现在css3的border-radius属性可以很方便的实现圆角功能,对网站前台人员无疑是一件喜事,但悲剧的 ...

  5. 去苹果浏览器默认样式

    去苹果浏览器默认样式 input,textarea,button { -webkit-appearance: none; border-radius:0px; border:none;} 转载于:ht ...

  6. reset清除所有浏览器默认样式

    温馨提示 reset 的目的不是清除浏览器的默认样式, 这仅是部分工作. 清除和重置是紧密不可分的. reset 的目的不是让默认样式在所有浏览器下一致, 而是减少默认样式有可能带来的问题. rese ...

  7. CSS之布局(默认样式)

    默认样式: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...

  8. 清除浏览器默认表单边框/背景特效和下拉菜单背景

    大家应该都留意到类似谷歌和火狐浏览器中都会有自己默认的样式设置,比如谷歌浏览器所有的表单都会添加黄色边框特效.当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得多余了!这里我们介 ...

  9. css改变hr的默认样式

    -----------笔记------------- 实现效果:改变默认标签<hr />的样式 改变<hr />的默认样式需要写成行内样式 <hr style=" ...

最新文章

  1. c++ list 修改_Cpython源码阅读17-list自动扩容原理
  2. 计算机变革时代:虚拟化和云计算
  3. 服务器虚拟化底层系统安装,Hyper-V是底层的虚拟机程序,位于操作系统和硬件之间,很薄一层...
  4. CentOS6.4安装包初识
  5. 再谈Bellman-Ford
  6. simple log test
  7. 基于PHP构建OAuth 2.0 服务端 认证平台
  8. 匠心耕耘,新华三大学筑梦远航
  9. 关于翁恺老师Java网课中细胞自动机的一点点想法
  10. 全局gitignore导致的文件被忽略~“The following paths are ignored by one of your .gitignore files.”
  11. 创建计划行确认数量为0的销售订单
  12. 总结各种RGB转YUV的转换公式
  13. SDUT 1160 某年某月的天数
  14. ddl是什么意思(ddl是什么意思(网络语ddl是什么梗))
  15. linux系统外接硬盘挂载
  16. Swift开发 UIColor分类Hex颜色转换
  17. 福利彩票选号盘(silverlight5 开源)
  18. codeforces 574B 暴力+复杂度分析
  19. 「合规」震惊!地图可视化竟能如此玩,零门槛,全免费,效果远胜主流作图工具!...
  20. 《尽在双11——阿里巴巴技术演进与超越》全书精华摘录

热门文章

  1. wx.navigateTo的url不生效的问题
  2. android之SQLite数据库insert操作
  3. HDU 4121 Xiangqi (算是模拟吧)
  4. Delegate学习笔记
  5. vs2005添加live555工程
  6. YUV与像素值之间的关系
  7. MOS和三极管不同接法对应的性能比较
  8. Android应用开发 led 驱动层 hal硬件抽象层 应用层 详细教程记录(含源码)
  9. 5.1 tushare包介绍
  10. 优酷复制的html代码怎么用,关于网页上增加视频功能的代码