你的位置:首页 > 网页设计

[网页设计]网站常用css必备css reset


在我们写前端代码页面的时候,很多常用的CSS类都是固定的!但没有一个标准或者大家都按自己的方式去随意的写,这样就每次都重复写一些固定的类!

为此HTML5 Doctor(HTML5医生)为我们总结了一个常用的并符合HTML5标准的Css Reset样式!现在分享给大家!

reset.css源码如下:

/* * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://www.58img.com/ */html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}body {  line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  display:block;}nav ul {  list-style:none;}blockquote, q {  quotes:none;}blockquote:before, blockquote:after,q:before, q:after {  content:'';  content:none;}a {  margin:0;  padding:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}/* change colours to suit your needs */ins {  background-color:#ff9;  color:#000;  text-decoration:none;}/* change colours to suit your needs */mark {  background-color:#ff9;  color:#000;  font-style:italic;  font-weight:bold;}del {  text-decoration: line-through;}abbr[title], dfn[title] {  border-bottom:1px dotted;  cursor:help;}table {  border-collapse:collapse;  border-spacing:0;}/* change border colour to suit your needs */hr {  display:block;  height:1px;  border:0;  border-top:1px solid #cccccc;  margin:1em 0;  padding:0;}input, select {  vertical-align:middle;}