The Famous Meyer Reset
The CSS
- 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, font, img, ins, kbd, q, s, samp,
-
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;
-
padding: 0;
-
border: 0;
-
outline: 0;
-
font-weight: inherit;
-
font-style: inherit;
-
font-size: 100%;
-
font-family: inherit;
-
vertical-align: baselinebaseline;
- }
-
- :focus {
-
outline: 0;
- }
- body {
-
line-height: 1;
-
color: black;
-
background: white;
- }
- ol, ul {
-
list-style: none;
- }
-
- table {
-
border-collapse: separate;
-
border-spacing: 0;
- }
-
caption, th, td {
-
text-align: left;
-
font-weight: normal;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
-
content: "";
- }
- blockquote, q {
-
quotes: "" "";
- }
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, font, img, ins, kbd, q, s, samp,
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;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
This is the most useful css reset out there, i use it for almost everything I work on (even the 52framework, coming soon).
相关推荐
10 个有用免费 CSS3 强大工具
10个非常有用的CSS hack,浏览器兼容性处理
10个Web前端开发中免费且非常有用CSS代码.docx
10个Web前端开发中免费且非常有用CSS代码共2页.pdf.zip
完整的DIV+CSS教程,网站设计是做软件的入门,也是最简单,而且最为实用的设计需求。这么多年软件做下来,其实基本上软件设计的原理都有那么一些继承和发展。这篇文章对于初学网站前端设计的朋友很有用。学了这个,...
10个你未必知道的CSS技巧 很有用
本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深,直到建立比较复杂的示例。之后本书又着重讨论如何使用DIV...
网站设计是做软件的入门,也是最简单,而且最为实用的设计需求。这么多年软件做下来,其实基本上...这篇文章对于初学网站前端设计的朋友很有用。学了这个,后面再去学习js,再学php。开发常见的企业级web应用就足够了
一个系统化、结构合理的布局使得能够更快更轻松的组织网站的内容。网格系统为网页设计师们提供了一种快速构造网页内容布局的方法,帮助设计师们节省了大量的时间和精力。 1. Tiny Fluid Grid 2. ZURB CSS Grid ...
javascript+css一张背景图片的不同切换,DIV背景图片变暗,CSS渐变色,设置div的透明背景,10个非常有用的CSS技巧,图片凸起效果,点击div背景图切换,动态背景
很实用的一些代码.对于做网站很有用的 Css+Xhtml代码,关键字:web2.0 隐藏内容代码 css实用代码.
CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此,有几个工具可以在你使用 CSS3 制作网站的时候起...在这篇文章中,收集了10款非常有用的工具推荐给大家
今天我们精心准备了10条对网页设计师最有用的CSS技巧,如果你想设计出独一无二脱颖而出的网页你必须得好好注意了。这篇博客是在与一家提供高质量印刷服务的在线印刷公司“ Business Card Printing”合作时写的。 1. ...
在这里,巧妙的运用CSS的技巧,可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。...这里我收集了10个很不错的CSS技巧,你可以用在你的
今天我们精心准备了10条对网页设计师最有用的CSS技巧,如果你想设计出独一无二脱颖而出的网页你必须得好好注意了。 1. @font-face 一种用其他服务器上的字体的好方法。很明显,如果你不能在托管服务器上找到你需要...
div css表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意。 1、表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入...
但是一些很有用的技术对很多开发人员来说仍然比较隐秘,所以本文中,让我们看看10个肯定能提高你设计的CSS技术吧 1 – 跨浏览器的inline-block CSS Code复制内容到剪贴板 <style> li { width: 200px; ...
对于或类的软件包尤其有用。 安装 npm install reduce-css-calc 用法 var reducedString = reduceCSSCalc(string, precision) var reduceCSSCalc = require ( 'reduce-css-calc' ) reduceCSSCalc ( "calc(1 + 1)...
我保留了有用的部分并修改了一些动画以使其更实用(来自我的 POV) ##基本用法 在文档的<head>包含样式表 < head > < link rel =" stylesheet " href =" animateme.min.css " > </ head >...