HTML 標準文件流(float的浮動屬性)

2021-10-09 09:40:00 字數 534 閱讀 9096

·html元素在標準狀況下的定位方式

·行內元素在同一行內橫向排列

·塊級元素佔滿整個一行,在頁面中豎向排列

·元素不會移動到其它地方去,對於巢狀的元素盒子也是巢狀的

元素的浮動是指設定了浮動屬性的元素會脫離標準文件流的控制,移動到其父元素中相應位置的過程。在css中,通過float屬性來定義浮動,其基本語法格式如下:

選擇器

首先看一下left屬性:

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

標準文件流

標準文件流其實是瀏覽器渲染頁面的乙個規則 所有的頁面元素,都要按照它在html文件 現的先後順序,依次在瀏覽器中,從左上角開始,從上到下,從左到右的順序依次顯示。標準文件流的性質 1.空白摺疊 2.高低不齊,底端對齊 標準文件流可以把頁面分成兩大類 1.塊級元素 2.行內元素 塊級元素 1.單獨的佔...

標準文件流

web頁面和ps等設計軟體有本質的區別,web 網頁的製作,是個 流 從上而下 像 織毛衣 而設計軟體 想往 畫東西,就去 畫 標準文件流下有以下微觀現象 多個空格會被合併成乙個空格顯示到瀏覽器頁面中。img標籤換行寫。會發現每張之間有間隙,如果在一行內寫img標籤,就解決了這個問題,但是我們不會這...

標準文件流

1.組成 a.塊極元素 換行 block level 列表b.內聯元素 不換行 inline 內聯元素可以包含塊級標籤中,成為它的子元素,而反過來則不成立。2.display屬性 a.控制元素的顯示和隱藏 b.塊級元素與行極轉換 值 說明 block 塊級元素預設值 換行符 inline 內聯元素預...