zoukankan      html  css  js  c++  java
  • css 清除一些默认的设置

    一、input标签的placeholder的设置

    input::-webkit-input-placeholder{ /*WebKit browsers*/
      //重置样式
    }
      
    input::-moz-input-placeholder{ /*Mozilla Firefox*/
      //重置样式
    }
    
    input::-ms-input-placeholder{ /*Internet Explorer*/ 
      //重置样式
    }
    

      
    二、input标签的获得焦点的边框设置

    //在input的css中加
    outline:none 
    或 
    outline:medium;
    
    input{ outline:medium;}
     /*获取焦点*/
    input:focus{ 
      border: 1px dolid #EEE;
     }
    

      
    三、去掉列表的默认样式

    li {
    	list-style-type: none;
    }
    ol, ul {
    	list-style: none;
    }
    

      
    四、自己所用的css reset

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-family: "微软雅黑";
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	font-weight: bold;
    }
    
    fieldset {
    	margin: 60px 0;
    	text-align: center;
    	border-top: 2px solid #61CDE7;
    }
    
    legend {
    	padding: 0 80px;
    	font-size: 22px;
    	color: #61CDE7;    
    }
    
    a {
    	text-decoration: none;
    }
    
    a:hover {
    	cursor: pointer;
    }
    
    .fl {
    	float: left;
    }
    
    .fr {
    	float: right;
    }
    
    button {
    	border: none;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    .clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
    

      

  • 相关阅读:
    文件上传利器JQuery上传插件Uploadify
    记自己的第一个完整的java web项目
    win7下oracle的安装
    Linux下redis的安装
    微信公众号开发地理位置坐标的转换
    Apache Log4j配置说明
    eclipse安装svn插件
    网站引入外部js
    蛇形填数
    第一节:Scrapy开源框架初探
  • 原文地址:https://www.cnblogs.com/detanx/p/cssReset.html
Copyright © 2011-2022 走看看