2020-09-07 04:18:17 +08:00
---
---
2016-10-02 01:22:30 +08:00
<!DOCTYPE html>
< html >
< head >
< title > minireset.css: a tiny modern CSS reset< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta property = "og:url" content = "http://jgthms.com/minireset.css/" >
< meta property = "og:type" content = "website" >
< meta property = "og:title" content = "minireset.css" >
< meta property = "og:description" content = "A tiny modern CSS reset" >
< meta property = "og:image" content = "http://jgthms.com/minireset.css/minireset.png" >
< meta property = "og:image:type" content = "image/png" >
< meta property = "og:image:width" content = "1200" >
< meta property = "og:image:height" content = "630" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:site" content = "@jgthms" >
< meta name = "twitter:creator" content = "@jgthms" >
< meta name = "twitter:title" content = "minireset.css" >
< meta name = "twitter:description" content = "A tiny modern CSS reset" >
< meta name = "twitter:image" content = "http://jgthms.com/minireset.css/minireset.png" >
< link rel = "apple-touch-icon" sizes = "180x180" href = "http://jgthms.com/minireset.css/favicons/apple-touch-icon.png" >
< link rel = "icon" type = "image/png" href = "http://jgthms.com/minireset.css/favicons/favicon-32x32.png" sizes = "32x32" >
< link rel = "icon" type = "image/png" href = "http://jgthms.com/minireset.css/favicons/favicon-16x16.png" sizes = "16x16" >
< link rel = "manifest" href = "http://jgthms.com/minireset.css/favicons/manifest.json" >
< link rel = "mask-icon" href = "http://jgthms.com/minireset.css/favicons/safari-pinned-tab.svg" color = "#fc0c18" >
< link rel = "shortcut icon" href = "http://jgthms.com/minireset.css/favicons/favicon.ico" >
< meta name = "msapplication-config" content = "http://jgthms.com/minireset.css/favicons/browserconfig.xml" >
< meta name = "theme-color" content = "#ffffff" >
2020-09-07 04:18:17 +08:00
< link rel = "stylesheet" type = "text/css" href = "docs.css?v={{ site.time | date: " % Y % m % d % H % M " } } " >
2016-10-02 01:22:30 +08:00
< / head >
< body >
< div class = "content" >
< header class = "header" >
< figure >
< img src = "images/minireset-logo.png" alt = "minireset.css logo" >
< / figure >
< h1 > minireset.css< / h1 >
< p > A tiny modern CSS reset< / p >
< / header >
< div class = "ghbtns" >
2018-04-09 00:22:23 +08:00
< iframe src = "https://ghbtns.com/github-btn.html?user=jgthms&repo=minireset.css&type=star&count=true&size=large" frameborder = "0" scrolling = "0" width = "150px" height = "30px" > < / iframe >
2016-10-02 01:22:30 +08:00
< iframe src = "https://ghbtns.com/github-btn.html?user=jgthms&repo=minireset.css&type=fork&count=false&size=large" frameborder = "0" scrolling = "0" width = "80px" height = "30px" > < / iframe >
< / div >
2020-09-07 04:16:17 +08:00
< div class = "snippets" >
< div class = "snippet" >
< pre class = "html hljs" > < code > < span class = "hljs-comment" > < !-- Import in your HTML < head> --> < / span >
< span class = "hljs-tag" > < < span class = "hljs-name" > link< / span > < span class = "hljs-attr" > rel< / span > =< span class = "hljs-string" > "stylesheet"< / span > < span class = "hljs-attr" > href< / span > =< span class = "hljs-string" > "https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css"< / span > > < / span > < / code > < / pre >
< button class = "copy" data-clipboard-text = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css">' > Copy to clipboard< / button >
< / div >
< p class = "or" > or< / p >
< div class = "snippet" >
< pre class = "css hljs" > < code > < span class = "hljs-comment" > /* Import in your CSS */< / span >
@< span class = "hljs-keyword" > import< / span > url(< span class = "hljs-string" > "https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css"< / span > );< / code > < / pre >
< button class = "copy" data-clipboard-text = '@import url("https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css");' > Copy to clipboard< / button >
< / div >
< / div >
2016-10-02 01:22:30 +08:00
< nav class = "nav" >
2020-09-07 04:16:17 +08:00
< p class = "or" > or< / p >
2016-10-02 01:22:30 +08:00
< a class = "button" href = "https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css" >
< span > Download < strong > minireset.min.css< / strong > < / span >
2019-05-21 05:06:45 +08:00
< small > 507 Bytes minified< / small >
2016-10-02 01:22:30 +08:00
< / a >
< p class = "or" > or< / p >
< pre class = "npm" > npm install minireset.css< / pre >
< / nav >
< main class = "main" >
< ul >
< li > < strong > < em > resets< / em > the font sizes< / strong > so that using semantic markup doesn't affect the styling< / li >
< li > < strong > < em > resets< / em > the block margins< / strong > so that the spacing is only applied when you need it< / li >
< li > < strong > < em > resets< / em > tables< / strong > so that tabular data only takes the space it needs< / li >
< li > < strong > < em class = "preserves" > preserves< / em > the inline paddings< / strong > so that buttons and inputs keep their default layout< / li >
< li > < strong > < em class = "sets" > sets< / em > the border-box box sizing< / strong > so that borders and paddings don't affect the set dimensions< / li >
2019-05-21 05:06:45 +08:00
< li > < strong > < em class = "sets" > sets< / em > responsive media elements< / strong > so that images and videos scale with the browser width< / li >
2016-10-02 01:22:30 +08:00
< / ul >
< / main >
< a class = "fork-me" href = "https://github.com/jgthms/minireset.css" > < img src = "https://raw.githubusercontent.com/philwareham/github-ribbons-retina/master/fork-me%402x.png" alt = "Fork me on GitHub" > < / a >
< / div >
< footer class = "footer" >
< a href = "https://github.com/jgthms/minireset.css/blob/master/LICENSE" >
< span > License< / span >
< strong > MIT< / strong >
< / a >
< a href = "https://github.com/jgthms/minireset.css" >
< span > On< / span >
< strong > GitHub< / strong >
< / a >
< a href = "http://jgthms.com" >
< span > By< / span >
< strong > @jgthms< / strong >
< / a >
< / footer >
2020-09-07 04:16:17 +08:00
< script src = "https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js" > < / script >
< script type = "text/javascript" > new ClipboardJS ( '.copy' ) ; < / script >
2016-10-02 01:22:30 +08:00
< / body >
< / html >