YaHoo方法:CSS Reset重设浏览器的样式
所属分类:
网页制作 / CSS
阅读数:
2019
收藏 0赞 0分享
在jb51.net前面的文章中,我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同,所有开发时的第一件事可能就是如果把他们统一。下面的代码是YaHoo的方法,我们可以参考学习。
在jb51.net前面的文章中,我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同,所有开发时的第一件事可能就是如果把他们统一。
下面的代码是YaHoo的方法,我们可以参考学习。
总结与编写出,适合自己工作与学习的CSS Reset代码。
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:”;
}
abbr,acronym { border: 0;
}
大家可以参考一下,或者写一个更适合自己的重置代码。有何收获,欢迎在jb51.net发表评论,与大家分享。或在W3Cbbs.com发贴,分享互联网,有您更精彩。
Opera中国的WEB标准课程
网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0赞 0分享
CSS样式表渐进增强的基本概念
网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0赞 0分享
简单介绍Web Developer插件制作网页
网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。
Firefox浏览器是
收藏 0赞 0分享
CSS布局带来的巨大影响:CSS display属性值
网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。
应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0赞 0分享
用div css模拟表格对角线
这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之
首先声明:
这只是探讨一种CSS模拟表格对角线的
收藏 0赞 0分享
IE Firefox在css中的差别 (部分)
1、单位问题
问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外)
解决:写全单位如padding:0px;
2、水平居中
问题:div里的内容,ie默认为center,而ff默认left
解决:mairgin:0px auto;
3、高度问题
收藏 0赞 0分享
不用js可以实现信息提示效果
[code]
<style>
body { font:verdena; font-size:14px; color:#000 }
h1{ font:verdena; font-size:22px; color:#000 }
h2{ font:verdena;
收藏 0赞 0分享
CSS解决未知高度的垂直水平居中自适应问题
今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。
从最简单的开始…………
一、如何让一个DIV水平居中?
这个简单不作过多说明!
[code]
<st
收藏 0赞 0分享
CSS cursor 属性 -- 鼠标指针样式效果
取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0赞 0分享
css 简单区别ie6,ie7,firefox的写法
同一样式里可以这样
[code]
margin:17px; FF
+margin:17px; IE6 IE7
_margin:17px; IE6
[/code]
按这个顺序,刚好区分开三个浏览器
收藏 0赞 0分享
查看更多