您现在的位置是：首页 > 科技资讯科技资讯
reset.css(reset的css文件如何使用)
编辑 2024-06-03 13:04:52 科技资讯
1. reset.css，reset的css文件如何使用？
Normalize 相对「平和」，注重通用的方案，重置掉该重置的样式，保留有用的 user agent 样式，同时进行一些 bug 的修复，这点是 reset 所缺乏的。 Reset 相对「暴力」，不管你有没有用，统统重置成一样的效果，且影响的范围很大，讲求跨浏览器的一致性。 Normalize 给我的感觉就是不讲求样式一致，而讲求通用性和可维护性。 这点可以从详细的注释和模块化的结构体现出来。 另外还有一点是，据说 reset 会破坏一些 debugging tool 的样式，这我没碰到过。
2. CSS中图片怎么置顶？
使用DW让网页图片置顶，可分三种情况：
1.CSSreset
在HTML标签在浏览器里有默认的样式，例如p
标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE
下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻
烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSSReset
html,body,
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,caption,tbody,tfoot,thead,article,aside,
canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video{margin:0;padding:0;
border:0;outline:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
td,tdimg{vertical-align:top}
2.图片为页面中插入的img，如<imgsrc="../images/1.jpg"/>
如果已经设置了以上的cssreset，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。
3.图片为背景图片如
div{width:100%;height:50px;background:url(../images/1.jpg)lefttop
no-repeat;}其中的lefttop就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；lefttop
也可以换成数值如background:url(../images/1.jpg)00no-repeat;
本文标签：
很赞哦！ ()
