css reset

来源:互联网 发布:muse软件怎么玩 编辑:程序博客网 时间:2024/06/09 15:30

常见的css浏览器处理办法就是css reset和css normalize

个人比较习惯css reset下面是我的css代码


html {    font-size: 100px;}body,div,span,applet,object,iframe,h1,h2,h3,figure,footer,header,hgroup,mark,meter,abbr,article,aside,audio,canvas,datalist,details,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,figcaption,nav,output,progress,section,summary,time,video,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {    margin: 0;    box-sizing: border-box;    padding: 0;    border: 0;    outline: none;    font-weight: inherit;    font-style: normal;    font-size: 16px;    font-family: 'Microsoft YaHei';    vertical-align: baseline;} :focus {    outline: 0;}table {    border-collapse: separate;    border-spacing: 0;}caption,th,td {    text-align: left;    font-weight: normal;}a img,iframe {    border: none;}img {    display: block;}input,label,img,th {    vertical-align: middle;}a {    text-decoration: none;}a:hover {    text-decoration: underline;}ol,ul,li {    list-style: none;}input,textarea,select,button {    font-size: 100%;    font-family: inherit;    padding: 0;}select {    margin: inherit;}/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ol {    margin-left: 2em;}/* == clearfix == */.clearfix:after {    content: " ";    display: block;    height: 0;    clear: both;    overflow: hidden;    visibility: hidden;}.clearfix {    zoom: 1;/* IE6 */}*:first-child+html .clearfix {    zoom: 1;}/* 个人常用样式 */.text-center {    text-align: center;}.text-left {    text-align: left;}.text-right {    text-align: right;}.fl {    float: left;}.fr {    float: right;}.border-none {    border: none;}


原创粉丝点击