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,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 , 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 } h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { 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 }#yui 3 -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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· 为DeepSeek添加本地知识库
· 精选4款基于.NET开源、功能强大的通讯调试工具
· DeepSeek智能编程
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~