1. /*公共样式--开始*/
  2. html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
  3.     margin:;
  4.     padding:;
  5. }
  6. *{box-sizing: border-box;}
  7. html, body {
  8.     min-height: 100%;
  9. }
  10.  
  11. body {
  12.     font-family: "Microsoft YaHei";
  13.     font-size:14px;
  14.     color:#333;
  15. }
  16. h1, h2, h3, h4, h5, h6{font-weight:normal;}
  17. ul,ol {
  18.     list-style: none;
  19. }
  20.  
  21. img {
  22.     border: none;
  23.     vertical-align: middle;
  24. }
  25.  
  26. a {
  27.     text-decoration: none;
  28.     color: #232323;
  29. }
  30.  
  31. table {
  32.     border-collapse: collapse;
  33.     table-layout: fixed;
  34. }
  35.  
  36. input, textarea {
  37.     outline: none;
  38.     border: none;
  39. }
  40.  
  41. textarea {
  42.     resize: none;
  43.     overflow: auto;
  44. }
  45.  
  46. .clearfix {
  47.     zoom:;
  48. }
  49.  
  50. .clearfix:after {
  51.     content: ".";
  52.     width:;
  53.     height:;
  54.     visibility: hidden;
  55.     display: block;
  56.     clear: both;
  57.     overflow:hidden;
  58. }
  59.  
  60. .fl {
  61.     float: left
  62. }
  63.  
  64. .fr {
  65.     float: right
  66. }
  67.  
  68. .tl {
  69.     text-align: left;
  70. }
  71.  
  72. .tc {
  73.     text-align: center
  74. }
  75.  
  76. .tr {
  77.     text-align: right;
  78. }
  79.  
  80. .ellipse {
  81.     overflow: hidden;
  82.     text-overflow: ellipsis;
  83.     white-space: nowrap;
  84. }
  85. .inline{
  86.     display: inline-block;
  87.     *display: inline;
  88.     *zoom:;
  89. }
  1. /*公共样式--开始*/
  2. html, body, blockquote, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, a, img, label, input, legend, li, ol, p, pre, td, textarea, th, ul,table,tr {
  3.     margin:;
  4.     padding:;
  5. }
  6.  
  7. * {
  8.     box-sizing: border-box;
  9. }
  10.  
  11. html, body {
  12.     -webkit-text-size-adjust: 100%;
  13.     -ms-text-size-adjust: 100%;
  14.     text-size-adjust: 100%;
  15. }
  16.  
  17. body {
  18.     -webkit-font-smoothing: antialiased;
  19. }
  20.  
  21. body, button, input, select, textarea {
  22.     font: 12px/1.5 "Microsoft Yahei", Arial, Helvetica, sans-serif;
  23.     color: #444443;
  24. }
  25.  
  26. button, input, select, textarea {
  27.     font-size: 100%;
  28. }
  29.  
  30. input {
  31.     padding: 0 5px;
  32. }
  33.  
  34. textarea {
  35.     padding: 5px;
  36. }
  37.  
  38. h1, h2, h3, h4, h5, h6 {
  39.     font-weight: normal;
  40. }
  41.  
  42. ul, ol {
  43.     list-style: none;
  44. }
  45.  
  46. img {
  47.     border: none;
  48.     vertical-align: middle;
  49.     max-height: 100%;
  50. }
  51.  
  52. a {
  53.     text-decoration: none;
  54.     color: #444443;
  55. }
  56.  
  57. em {
  58.     font-style: normal;
  59. }
  60.  
  61. table {
  62.     border-collapse: collapse;
  63.     table-layout: fixed;
  64. }
  65.  
  66. input, textarea, button {
  67.     outline: none;
  68. }
  69.  
  70. textarea {
  71.     resize: none;
  72.     overflow: auto;
  73. }
  74.  
  75. .clearfix,.col-container{
  76.     zoom:;
  77. }
  78.  
  79. .clearfix:after,.col-container:after {
  80.     content: ".";
  81.     width:;
  82.     height:;
  83.     visibility: hidden;
  84.     display: block;
  85.     clear: both;
  86.     overflow: hidden;
  87. }
  88.  
  89. .fl {
  90.     float: left
  91. }
  92.  
  93. .fr {
  94.     float: right!important;
  95. }
  96.  
  97. .tl {
  98.     text-align: left;
  99. }
  100.  
  101. .tc {
  102.     text-align: center
  103. }
  104.  
  105. .tr {
  106.     text-align: right;
  107. }
  108.  
  109. .ellipse {
  110.     overflow: hidden;
  111.     text-overflow: ellipsis;
  112.     white-space: nowrap;
  113. }
  114.  
  115. .inline {
  116.     display: inline-block;
  117.     *display: inline;
  118.     *zoom:;
  119. }
  120.  
  121. .borderRadius {
  122.     border-radius: 5px;
  123.     -webkit-border-radius: 5px;
  124.     -moz-border-radius: 5px;
  125.     -ms-border-radius: 5px;
  126.     -o-border-radius: 5px;
  127. }
  128.  
  129. /*公共样式--结束*/
  130. /*bootstrap版适配*/
  131. .col-container {
  132.     margin-right: auto;
  133.     margin-left: auto
  134. }
  135.  
  136. @media (min-width: 768px) {
  137.     .col-container {
  138.         width: 750px
  139.     }
  140. }
  141.  
  142. @media (min-width: 992px) {
  143.     .col-container {
  144.         width: 970px
  145.     }
  146. }
  147.  
  148. @media (min-width: 1200px) {
  149.     .col-container {
  150.         width: 1170px
  151.     }
  152. }
  153. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  154.     position: relative;
  155.     min-height: 1px;
  156. }
  157. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  158.     float: left
  159. }
  160. .col-xs-12 {
  161.     width: 100%
  162. }
  163.  
  164. .col-xs-11 {
  165.     width: 91.66666667%
  166. }
  167.  
  168. .col-xs-10 {
  169.     width: 83.33333333%
  170. }
  171.  
  172. .col-xs-9 {
  173.     width: 75%
  174. }
  175.  
  176. .col-xs-8 {
  177.     width: 66.66666667%
  178. }
  179.  
  180. .col-xs-7 {
  181.     width: 58.33333333%
  182. }
  183.  
  184. .col-xs-6 {
  185.     width: 50%
  186. }
  187.  
  188. .col-xs-5 {
  189.     width: 41.66666667%
  190. }
  191.  
  192. .col-xs-4 {
  193.     width: 33.33333333%
  194. }
  195.  
  196. .col-xs-3 {
  197.     width: 25%
  198. }
  199.  
  200. .col-xs-2 {
  201.     width: 16.66666667%
  202. }
  203.  
  204. .col-xs-1 {
  205.     width: 8.33333333%
  206. }
  207.  
  208. @media (min-width: 992px) {
  209.     .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  210.         float: left
  211.     }
  212.  
  213.     .col-md-12 {
  214.         width: 100%
  215.     }
  216.  
  217.     .col-md-11 {
  218.         width: 91.66666667%
  219.     }
  220.  
  221.     .col-md-10 {
  222.         width: 83.33333333%
  223.     }
  224.  
  225.     .col-md-9 {
  226.         width: 75%
  227.     }
  228.  
  229.     .col-md-8 {
  230.         width: 66.66666667%
  231.     }
  232.  
  233.     .col-md-7 {
  234.         width: 58.33333333%
  235.     }
  236.  
  237.     .col-md-6 {
  238.         width: 50%
  239.     }
  240.  
  241.     .col-md-5 {
  242.         width: 41.66666667%
  243.     }
  244.  
  245.     .col-md-4 {
  246.         width: 33.33333333%
  247.     }
  248.  
  249.     .col-md-3 {
  250.         width: 25%
  251.     }
  252.  
  253.     .col-md-2 {
  254.         width: 16.66666667%
  255.     }
  256.  
  257.     .col-md-1 {
  258.         width: 8.33333333%
  259.     }
  260. }
  261. @media (min-width: 768px) {
  262.     .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  263.         float: left
  264.     }
  265.  
  266.     .col-sm-12 {
  267.         width: 100%
  268.     }
  269.  
  270.     .col-sm-11 {
  271.         width: 91.66666667%
  272.     }
  273.  
  274.     .col-sm-10 {
  275.         width: 83.33333333%
  276.     }
  277.  
  278.     .col-sm-9 {
  279.         width: 75%
  280.     }
  281.  
  282.     .col-sm-8 {
  283.         width: 66.66666667%
  284.     }
  285.  
  286.     .col-sm-7 {
  287.         width: 58.33333333%
  288.     }
  289.  
  290.     .col-sm-6 {
  291.         width: 50%
  292.     }
  293.  
  294.     .col-sm-5 {
  295.         width: 41.66666667%
  296.     }
  297.  
  298.     .col-sm-4 {
  299.         width: 33.33333333%
  300.     }
  301.  
  302.     .col-sm-3 {
  303.         width: 25%
  304.     }
  305.  
  306.     .col-sm-2 {
  307.         width: 16.66666667%
  308.     }
  309.  
  310.     .col-sm-1 {
  311.         width: 8.33333333%
  312.     }
  313. }
  314. @media (min-width: 1200px) {
  315.     .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  316.         float: left
  317.     }
  318.  
  319.     .col-lg-12 {
  320.         width: 100%
  321.     }
  322.  
  323.     .col-lg-11 {
  324.         width: 91.66666667%
  325.     }
  326.  
  327.     .col-lg-10 {
  328.         width: 83.33333333%
  329.     }
  330.  
  331.     .col-lg-9 {
  332.         width: 75%
  333.     }
  334.  
  335.     .col-lg-8 {
  336.         width: 66.66666667%
  337.     }
  338.  
  339.     .col-lg-7 {
  340.         width: 58.33333333%
  341.     }
  342.  
  343.     .col-lg-6 {
  344.         width: 50%
  345.     }
  346.  
  347.     .col-lg-5 {
  348.         width: 41.66666667%
  349.     }
  350.  
  351.     .col-lg-4 {
  352.         width: 33.33333333%
  353.     }
  354.  
  355.     .col-lg-3 {
  356.         width: 25%
  357.     }
  358.  
  359.     .col-lg-2 {
  360.         width: 16.66666667%
  361.     }
  362.  
  363.     .col-lg-1 {
  364.         width: 8.33333333%
  365.     }
  366. }
  367. /*旋转效果*/
  368. @keyframes rotate {
  369.     0%{
  370.         transform: rotate(0deg);
  371.     }
  372.     100%{
  373.         transform: rotate(360deg);
  374.     }
  375. }
  376.  
  377. @-webkit-keyframes rotate {
  378.     0%{
  379.         -webkit-transform: rotate(0deg);
  380.     }
  381.     100%{
  382.         -webkit-transform: rotate(360deg);
  383.     }
  384. }
  385. @-moz-keyframes rotate {
  386.     0%{
  387.         -moz-transform: rotate(0deg);
  388.     }
  389.     100%{
  390.         -moz-transform: rotate(360deg);
  391.     }
  392. }
  393. @-ms-keyframes rotate {
  394.     0%{
  395.         -ms-transform: rotate(0deg);
  396.     }
  397.     100%{
  398.         -ms-transform: rotate(360deg);
  399.     }
  400. }
  401. @-o-keyframes rotate {
  402.     0%{
  403.         -o-transform: rotate(0deg);
  404.     }
  405.     100%{
  406.         -o-transform: rotate(360deg);
  407.     }
  408. }
  409. .fade{
  410.     transform: translateY(2em);
  411.     -webkit-transform: translateY(2em);
  412.     opacity:;
  413.     filter:Alpha(opacity=0);
  414. }
  415. .fadesin{
  416.     transform: translateY(0);
  417.     -webkit-transform: translateY(0);
  418.     opacity:;
  419.     transition: all 1s 0.2s;
  420.     filter:Alpha(opacity=100)
  421. }

css清除默认样式和设置公共样式的更多相关文章

  1. css清除默认样式

    CSS 清除默认样式   通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:non ...

  2. css清除select的下拉箭头样式

    <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">      ...

  3. CSS 清除默认样式

    通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:none} 如果你想写全也可以: ...

  4. css清除默认样式，stylus学习

    reset.css html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ...

  5. CSS清除默认样式代码

    html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, s ...

  6. css中根据不同分辨率设置不同样式

    @media screen and (max-width: ) { .tab__content{width: %} }

  7. vue修改当前页样式不影响公共样式的方法

    在项目开发中需要对一些标签进行样式修改但是每次修改之后其他页面的样式也会跟着改变, 在网上找了很多方法都不好使后来大神告诉我一种方法很好用分享给大家. 1:首先在template标签下的第一个div中 ...

  8. CSS清除默认边距

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquo ...

  9. 深入理解脚本化CSS系列第四篇——脚本化样式表

    × 目录 [1]CSSStyleSheet [2]CSSRule 前面的话 关于脚本化CSS,查询样式时,查询的是计算样式:设置单个样式时,设置的是行间样式:设置多个样式时,设置的是CSS类名.脚本化 ...

随机推荐

  1. MSM8909+Android5.1.1之系统烧录

    1.     安装高通USB驱动 图1 安装成功后,同时按下设备的音量+和音量-按键,且用USB连接到设备上,在设"设备管理器--->端口"下面看到USB虚拟的端口,如下: ...

  2. 我的android学习经历28

    一道题目关于Layout_weight: 当前屏幕的大小为430,有左右两个控件,未分配权重之前都是300,左控件的权重是3,右控件的权重是2,请计算左右两个控件的宽度大小是多少? 解: 当前屏幕剩余 ...

  3. UVA 10564 十 Paths through the Hourglass

     Paths through the Hourglass Time Limit:3000MS     Memory Limit:0KB     64bit IO Format:%lld & % ...

  4. Python操作文件、文件夹、字符串

    Python 字符串操作 去空格及特殊符号 s.strip().lstrip().rstrip(',') 复制字符串 #strcpy(sStr1,sStr2) sStr1 = 'strcpy' sSt ...

  5. Python 正则表达式指南 zz

    zz http://www.cnblogs.com/huxi/archive/2010/07/04/1771073.html 1. 正则表达式基础 1.1. 简单介绍 正则表达式并不是Python的一 ...

  6. linux 查找替换

    esc:   命令模式与插入模式的切换 一.vi查找:    当你用vi打开一个文件后,因为文件太长,如何才能找到你所要查找的关键字呢?在vi里可没有菜单-〉查找, 不过没关系,你在命令模式下敲斜杆( ...

  7. 【转】利用Pspice分析放大器环路的稳定性

    文章来源: http://www.21ic.com/app/test/201108/90808.htm 虽然在较低频率下可以较轻松地检查一个简单放大器的稳定性,但评估一个较为复杂的电路是否稳定,难度可 ...

  8. 关于oracle sql developer乱码的问题

    写了一个sql查询,我擦居然乱码了 然后双击下这个框,居然又是中文: 有谁能够告诉我这是什么鬼

  9. [SAP ABAP开发技术总结]ALV

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  10. JQuery 选中Radio

    <tr> <td> <input type="radio" name="rdb" value="启用" che ...