欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

CSS中圖片怎么置頂?

洪振霞2年前38瀏覽0評論

使用DW讓網頁圖片置頂,可分三種情況:

1.cssreset

在HTML標簽在瀏覽器里有默認的樣式,例如p

標簽有上下邊距,strong標簽有字體加粗樣式,em標簽有字體傾斜樣式。不同瀏覽器的默認樣式之間也會有差別,例如ul默認帶有縮進的樣式,在IE

下,它的縮進是通過margin實現的,而Firefox下,它的縮進是由padding實現的。在切換頁面的時候,瀏覽器的默認樣式往往會給我們帶來麻

煩,影響開發效率。所以解決的方法就是一開始就將瀏覽器的默認樣式全部去掉,更準確說就是通過重新定義標簽樣式。“覆蓋”瀏覽器的CSS默認屬性。最最簡

單的說法就是把瀏覽器提供的默認樣式覆蓋掉

根據本題提問主要涉及到以下CSSReset

html,body,

div,span,object,iframe,h3,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;