小程序开发

CSS reset & 闭合div 适用于HTML5

posttime:2017-06-21 19:39
[css] view plain copy
 
  1. @charset "UTF-8";  
  2. html, body, div, span, applet, object, iframe,  
  3. h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
  4. a, abbr, acronym, address, big, cite, code,  
  5. del, dfn, em, img, ins, kbd, q, s, samp,  
  6. small, strike, strong, sub, sup, tt, var,  
  7. b, u, i, center,  
  8. dl, dt, dd, ol, ul, li,  
  9. fieldset, form, label, legend,  
  10. table, caption, tbody, tfoot, thead, tr, th, td,  
  11. article, aside, canvas, details, embed,   
  12. figure, figcaption, footer, header, hgroup,   
  13. menu, nav, output, ruby, section, summary,  
  14. time, mark, audio, video,input,textarea{  
  15.     margin0;  
  16.     padding0;  
  17.     border0;  
  18.     font-size100%;  
  19.     font: inherit;  
  20.     vertical-alignbaseline/* 容易引起table 单元格垂直对齐问题*/  
  21. }  
  22. /* HTML5 display-role reset for older browsers */  
  23. article, aside, details, figcaption, figure,   
  24. footer, header, hgroup, menu, nav, section {  
  25.     displayblock;  
  26. }  
  27. body {  
  28.     line-height1;  
  29. }  
  30. ol, ul {  
  31.     list-stylenone;  
  32. }  
  33. blockquote, q {  
  34.     quotesnone;  
  35. }  
  36. blockquote:before, blockquote:after,  
  37. q:before, q:after {  
  38.     content'';  
  39.     contentnone;  
  40. }  
  41. table {  
  42.     border-collapsecollapse;  
  43.     border-spacing0;  
  44. }  
  45.   
  46. .clearfix:after{  
  47.     content:".";  
  48.     display:block;  
  49.     height:0;  
  50.     line-height:0;  
  51.     clear:both;  
  52.     visibility:hidden;  
  53. }  
  54. .clearfix{display:inline-block;}  
  55. /* Hide from IE Mac */  
  56. .clearfix{display:block;}  
  57. /* End hide from IE Mac */  
  58. /* end of clearfix */  
  59.  


上一篇:前端高手也不能错过的css常识
下一篇:没有了

您的疑惑,我们来解答

8年来我们为上百家企业提供了网站建设服务

感受专业服务,从来电咨询开始
010-6975976518611391767
在线咨询
X