YUI css reset

1
2
3
4
*{
    margin:0;
    padding:0;
}

以前写CSS都会在会在样式的开头部分添加上述的内容,今天才发现这种写法很不友好,会导致很多样式显示问题,所以并不适合所有的浏览器。

下面的是雅虎的css reset,已经发展到3.5版本了。

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
html{color:#000;background:#FFF}
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
 
table{border-collapse:collapse;border-spacing:0}
 
fieldset,img{border:0}
 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
 
ol,ul{list-style:none}
 
caption,th{text-align:left}
 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
 
q:before,q:after{content:''}
 
abbr,acronym{border:0;font-variant:normal}
 
sup{vertical-align:text-top}
 
sub{vertical-align:text-bottom}
 
input,textarea,select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit
    }
 
input,textarea,select{*font-size:100%}
 
legend{color:#000}#yui3-css-stamp.cssreset{display:none}
 
 
*{
    font: 100% Verdana, Futura, Helvetica, sans-serif;
}
 
html{
    background: #00d4e1
}
 
body{
    color: #000;
    margin: auto;
    font-size: 0.75em;
}
 
nav{
    width: 19%;
    heigh: 60%;
    color: #fff;
    background-color: #e2001a;
    top: 0;
    left: 0;
    text-align: right;
}
 
nav img{
    width: 54%;
    margin: auto;
}
 
img{
    width: 61%;
}

  

参考文章:

可以参考雅虎的github:https://gist.github.com/borit/6354625css reset

http://shawphy.com/2009/03/my-own-reset-css.html

posted @   Tome.Wong  阅读(3146)  评论(0编辑  收藏  举报
编辑推荐:
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
阅读排行:
· 为DeepSeek添加本地知识库
· 精选4款基于.NET开源、功能强大的通讯调试工具
· DeepSeek智能编程
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
点击右上角即可分享
微信分享提示