<output id="jbxdv"></output>

      1. 網頁設計中的定位類型

        • 2019-02-21 17:00:01
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        定位的原理很簡單。網頁設計者利用定位,可以準確地定義元素框相對于其正常位置應該出現在哪里,或者相對于父元素、另一個元素甚至瀏覽器窗口本身的位置。

        基本概念

        深入討論各種定位之前,網頁設計人員最好先來了解有哪些類型的定位,以及這些不同類型之間有什么區別。我們還要對一些基本思想給出定義,這些思想是理解定位如何工作的基礎。

        定位的類型

        通過使用position屬性,可以選擇4種不同類型的定位,這會影響元素框生成的方式。

        position

        值:static | relative | absolute | fixed | inherit

        初始值:static

        應用于:所有元素

        繼承性:無

        計算值:根據指定確定

        position值的含義如下:

        static

        網站建設元素框正常生成,塊級元素生成一個矩形框,作為文檔流的一部分,行內元素則會創建一個或多個行框,置于其父元素中,

        relative

        元素框偏移某個距離。元素仍保持其未定位前的形狀,它原本所占的空間仍保留。

        absolute

        元素框從文檔流完全刪除,并相對于其包含塊定位,包含塊可能是文檔中的另一個元素或者是初始包含塊(見下一節的介紹)。網站建設上元素原先在正常文檔流中所占的空間會關閉,就好像該元素原來不存在一樣。元素定位后生成一個塊級框,而不論原來它在正常流中生成何種類型的框。

        fixed

        元素框的表現類似于將position設置為absolute,不過其包含塊是視窗本身。

        現在先不要太擔心具體的細節,本章后面還會逐個地介紹上述各類定位。在此之前,需要先來討論包含塊。

        當前文章標題:網頁設計中的定位類型

        當前URL:http://www.freenetsites.com/news/wzzz/location-type.html

        上一篇:網頁設計中的清除

        下一篇:網頁設計中的包含塊

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>