重置样式表

这就是一个简单的我自己使用的重置样式表
里面的话大多数的重置是都有啦的
大家没有的可以收藏起来拿去用

html{/* 标准字体大小可以，在移动端使用的rem适配的话会动态改变。 */font-size:14px;/*  使用IE盒模型（个人取舍，我一般设置width是这是盒子的真实大小，包括padding和border） */box-sizing: border-box;}html,body{/* 在有些手机浏览器中点击一个链接或着可点击元素的时候，会出现一个半透明的灰色背景； */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 提升移动端滚动的体验效果  */-webkit-overflow-scrolling: touch;overflow-scrolling: touch;/* 与浏览器窗口高度一致 */height: 100%;}body{/* 有些背景默认为浅灰色，所以统一设置为纯白 */background: #fff;/* 照着antd上面来的，在公司就别用微软雅黑了，不建议字体使用rem。 */font:14px,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'/* 使字体更加顺滑 */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}/* 去除浏览器默认的margin和padding, 自行删减一些不必要的标签 */body,p,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,th,td,button,figure,input,textarea,form,pre,blockquote,figure{margin: 0;padding: 0;}a{/* 小手 */cursor: pointer;/* 取消超链接的默认下划线 */text-decoration:none;/* antd里面还做了 ， 看你团队需不需要这样的风格 */transition: color 0.3s ease;}ol,ul{/* 去除自带的ugly样式。 */list-style:none     }/* 这些节点部分属性没有继承父节点样式，所有继承一下，并取消outline，外轮廓的效果 */a,h1,h2,h3,h4,h5,h6,input,select,button,textarea {font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;line-height: inherit;color: inherit;outline: none;}button,input[type='submit'],input[type='button'] {/* 可点击小手 */cursor: pointer;}/* 取消部分浏览器数字输入控件的操作按钮 apperance可以改变控件的外观。 */input[type='number'] {-moz-appearance: textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {margin: 0;-webkit-appearance: none;}/*** 删除Firefox中的内边框和填充。*/button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}/*** 让html5中的hidden在IE10中正确显示*/[hidden] {display: none;}template {/* 有些浏览器会显示template 不过template标签用的也少，自行取舍。 */display: none;}input,textarea,button,select{border:none;}input:focus,textarea:focus,button:focus,select:focus{outline: none;/* 木有外边框 */}

重置样式表--HTML相关推荐

html中的样式重置,CSS如何重置样式表？
重置样式表的目标是减少浏览器在默认行高,边距和标题字体大小等方面的不一致性:重置样式经常出现在CSS框架中,最初的"meyerweb重置"也出现在Blueprint中. 这里给出的 ...
reset.css 重置样式表
css重置样式表个人整理工作中常用的css重置样式,和一些样式解决方法,并写上了注释, 大家还有什么好的重置样式,或者一些样式解决方案,欢迎留言讨论. html, body {height: 100 ...
CSS-reset.css重置样式表
reset.css是什么 reset.css是重置浏览器标签的样式表,其作用就是重新定义标签样式,覆盖浏览器的CSS默认属性,也就是指把浏览器提供的默认样式覆盖掉. 在HTML标签在浏览器里有默认的样 ...
css 重置样式表（Normalize.css）
目录一.为什么要重置CSS? 二.如何重置CSS 三.重置方案 1.自定义重置(博主推荐) 2.官方推荐重置(Normalize.css) 2.1.normalize.css并不是简单的重置了所有的 ...
Bootstrap 重置样式
Bootstrap预定义了一些样式,Bootstrap 1使用的是以前的重置样式表.从 Bootstrap 2 开始,老的重置方式被 Normalize.css 取代,这是由 Nicolas Gall ...
CSS基础篇--css reset重置样式有那么重要吗？
在以前写html代码的时候,一般都会在head里添加重置样式reset.css,其内容如下: @charset "utf-8"; html, body, div, span, ap ...
2016年10月30日表单标签与样式表分类和选择器
今天上午讲的表单标签 <form name="表单"method="get" action="Untitled-2.html"> ...
数据科学 IPython 笔记本 8.14 自定义 Matplotlib：配置和样式表
8.14 自定义 Matplotlib:配置和样式表原文:Customizing Matplotlib: Configurations and Stylesheets 译者:飞龙协议:CC BY- ...
css设置打印样式表,[CSS] 创建打印样式表
[CSS] 创建打印样式表 Chrome浏览器有一项非常好用的功能, 就是直接将网页保存为PDF(Ctrl+P), 虽然部分人觉得没有用, 但我经常使用这个功能比如说, 有的博文写得不错, 想保存, ...

重置样式表--HTML

重置样式表

重置样式表--HTML相关推荐

最新文章

热门文章