css 清除一些默认的设置

一、input标签的placeholder的设置

?

1 2 3 4 5 6 7 8 9 10 11

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

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

?

1 2 3 4 5 6 7 8 9 10

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

　　
三、去掉列表的默认样式

?

1 2 3 4 5 6

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

　　
四、自己所用的css reset

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90

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; }