html的样式重置,CSS重置 reset.css

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

/*

------------------------------------------

* site:ifnoif.net

* Style author:ifnoif

* updated date:2014.08.13

------------------------------------------

*/

body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer {

margin: 0;

padding: 0

}

body {

font: 100%/1.5 Helvetica,Arial,sans-serif,\5FAE\8F6F\96C5\9ED1;

-webkit-text-size-adjust: none;

}

h1,h5,h6 {

font-size: 100%

}

form {

display: inline

}

ul,ol {

list-style: none

}

img {

vertical-align: middle;

border: 0;

-ms-interpolation-mode: bicubic;

}

button,select,textarea {

font-size: 100%;

vertical-align: middle;

outline: none;

}

textarea {

resize: none

}

button,input[type="button"],input[type="reset"],input[type="submit"] {

cursor: pointer;

-webkit-appearance: button;

-moz-appearance: button

}

input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {

color: transparent

}

button::-moz-focus-inner,input::-moz-focus-inner {

padding: 0;

border: 0

}

table {

border-collapse: collapse;

border-spacing: 0

}

.fl {

float: left;

}

.fr {

float: right;

}

.hide {

display: none;

}

.show {

display: block;

}

.ellipsis {

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden

}

.break {

word-break: break-all;

word-wrap: break-word

}

.clearfix {

*zoom: 1;

}

.clearfix:after {

content: "\200B";

display: block;

height: 0;

clear: both;

}

/* 垂直居中模块 */

.vimg {

display: block;

text-align: center;

*font-family: Arial;

*font-size: expression(this.clientHeight*.895+"px");

line-height: 100%;

overflow: hidden;

}

.vimg img {

_width: expression((this.width>this.height && this.width>=this.parentNode.offsetWidth) ? this.parentNode.offsetWidth+'px': true);

_height: expression((this.width<=this.height && this.height>=this.parentNode.offsetHeight) ? this.parentNode.offsetHeight+'px': true);

max-width: 100%;

max-height: 100%;

vertical-align: middle;

}

.vimg:after {

content: "\200B";

display: inline-block;

width: 0;

height: 100%;

vertical-align: middle;

}

header,footer,article,section,menu,hgroup {

display: block;

clear: all;

}

/* 布局样式 */

body {

color: #333

}

a {

text-decoration: none;

color: #333

}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

总结

以上是编程之家为你收集整理的CSS重置 reset.css全部内容，希望文章能够帮你解决CSS重置 reset.css所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！