关于css重置样式

CSS样式表的初始化,全局样式设置。部分样式属性请根据具体页面重置其属性 
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%}
a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}

第二种:


  1. @charset "utf-8";  
  2.       导入方式:<link href="css/common.css" rel="stylesheet" type="text/css" /> */  
  3. /* reset */  
  4. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,
  5. textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */  
  6. fieldset,img {border:0 none}  /* 重置fieldset(表单分组)、图片的边框为0*/  
  7. dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
  8. blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
  9. blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
  10. input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
  11. button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
  12. body {background:#fff}   /* 重置body 页面背景为白色 */  
  13. body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
  14. a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
  15. a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
  16. address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
  17. caption {display:none;}    /* 重置表格标题为隐藏 */  
  18. table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
  19. img{vertical-align:top}  /* 图片在当前行内的垂直位置 */  
  20.    
  21. /* 页面设置 */  
  22.    
  23.   /* 取消a标签点击后的虚线框 */  
  24. a {outline: none;}    
  25. a:active {star:expression(this.onFocus=this.blur());}  
  26.    
  27.  /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
  28. /*   
  29. ::selection {color: #fff;background-color: #4C6E78;}      
  30. ::-moz-selection {color: #fff;background-color: #4C6E78;}   
  31. */  
  32.   
  33. /*清除浮动*/  
  34. .clear{clear: both;}  
  35.   
  36. /*清除浮动--推荐使用*/  
  37. .clearfix:before,.clearfix:after{content: '';display: table;}  
  38. .clearfix:after{clear: both;}  


你可能感兴趣的:(关于css重置样式)