首页前端开发HTMLHTML5 css reset

HTML5 css reset

时间2024-01-26 14:34:02发布访客分类HTML浏览693
导读:收集整理的这篇文章主要介绍了html5教程-HTML5 css reset,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。...
收集整理的这篇文章主要介绍了html5教程-HTML5 css reset,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。  

我个人是比较讨厌这类冗余的CSS reset(参见我“CSS reset的重新审视 – 避免样式重置”),绝大多数是浪费代码,浪费性能。我个人建议是找到其中自己需要的,不要全盘照搬。

/*  htML5doctor.COM Reset Stylesheet v1.4.1  2010-03-01 Author: Richard Clark - http://richclarKDEsign.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;
 }
  :focus {
      outline: 1;
 }
  article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {
          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;
         border:0;
         font-size:100%;
         vertical-align:baseline;
         background:transparent;
 }
  ins {
         background-color:#ff9;
         color:#000;
         text-decoration:none;
 }
  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 #000;
         cursor:help;
 }
  table {
         border-collapse:collapse;
         border-spacing:0;
 }
  hr {
         display:block;
         height:1px;
         border:0;
            border-top:1px solid #cccccc;
         margin:1em 0;
         padding:0;
 }
  input, select {
         vertical-align:middle;
 }
    

此段包含HTML5的CSS reset来自:http://html5reset.org/

希望能需要的人提供些帮助。

(本篇完)

觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

CSSdivHTMLhtml5post-format-gallery

若转载请注明出处: HTML5 css reset
本文地址: https://pptw.com/jishu/586886.html
Selectivizr-让IE6~8支持CSS3伪类和属性选择器 拾人牙慧 – CSS3实现Opera浏览器的logo

游客 回复需填写必要信息