CSS Reset重设浏览器的样式代码实例

2016-02-19 15:36 8 1 收藏

下面是个CSS Reset重设浏览器的样式代码实例教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

  在22333.com前面的文章中,我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同,所有开发时的第一件事可能就是如果把他们统一。

  下面的代码是YaHoo的方法,我们可以参考学习。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  总结与编写出,适合自己工作与学习的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;
}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  大家可以参考一下,或者写一个更适合自己的重置代码。

来源:http://www.tulaoshi.com/n/20160219/1610005.html

延伸阅读
标签: Web开发
透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class {  filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=...
标签: Web开发
网页采用了UTF-8编码格式,这本来没有问题,问题是外部CSS文件默认是 ANSI编码,并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当CSS文件中包含有中文注释时就可能不尽如人意了! 估计是IE6版本以下的浏览器在解析这个CSS文件时因为编码问题而无法正确解析,所以才会发生CSS在IE6下不起作用的情况。看来微...
标签: Web开发
1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本...
标签: Web开发
关于CSS 控制DIV水平居中问题,我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书,那个里面谈到居中使用。 margin-left:auto; margin-right:auto; 其实等同于: margin:0 auto; 于是可以使用这种方式,但是有人用IE时发现没有居中。这里建议你看看是否遗漏了DTD声明。 <!DOCTYPE html PUBLIC “-/...
标签: Web开发
    1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-...

经验教程

501

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部