首頁>Club>
2
回覆列表
  • 1 # 使用者276695243300983

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

  • 中秋節和大豐收的關聯?
  • 測斜儀原理?