javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:首页 > WEB前端 > CSS-HTML

CSS样式重置,初始化

来源:IT技术网编辑:雨天发布于:2017-02-09人围观

CSS样式重置,初始化,自己综合修改的一些CSS公共样式初始化代码,方便大家使用:

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

与相关的文章
有时间的话来看看IT界的突发事件