使用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;
使用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;