CSS RESET
I did create this Reset CSS to use on my projects. I did not finish but you can use no problems.
This is cross-browser really, but the IE 7 is disconsidered.
*{
margin: 0;
padding: 0;
outline: none;
font-weight: inherit;
font-style: inherit;
}
html{
font-size: 100%;
}
body{
line-height: 1;
}
header, section, footer{
overflow: hidden;
}
h1, h2, h3, h4, h5, h6, p, a, span, li, sub, sup, small, table, label, input, select, textarea, button, .panel, .notification{
font-family: 'Open Sans', sans-serif;
text-decoration: none;
font-weight: normal;
}
p, a, span, li, table, label, input, select, textarea, button, code{
font-size: convert-px-em(14);
}
sub, sup, small, .small{
font-size: convert-px-em(12);
}
sup{
margin-top: -5px;
}
sub{
margin-bottom: -5px;
}
span, label{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
font-size: inherit;
color: inherit;
font-weight: inherit;
font-style: inherit;
text-decoration: inherit;
}
strong, b, .strong, th{
font-weight: bold;
}
em, i, .italic{
font-style: italic;
}
header, nav, menu, section, article, aside, footer,
ul, ol, img, form{
display: block;
}
ul{
list-style: disc inside;
}
ol{
list-style: decimal inside;
}
a, img, input{
border: none;
}
iframe{
border: none;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
width: auto !important;
margin: 0 !important;
}
button{
-webkit-margin-before: 0px;
-webkit-margin-end: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-padding-before: 0px;
-webkit-padding-end: 0px;
-webkit-padding-after: 0px;
-webkit-padding-start: 0px;
line-height: 1;
}
button::-moz-focus-inner{
padding: 0;
border: 0
}
/******************** PRESET **********/
.no-bullet{
list-style: none;
}
Written by Paullo Norato
Related protips
2 Responses
TOP
over 1 year ago
·
Thankyou very much! :)
over 1 year ago
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#