標準文件流

2021-09-29 08:58:08 字數 531 閱讀 7182

標準文件流其實是瀏覽器渲染頁面的乙個規則:所有的頁面元素,都要按照它在html文件**現的先後順序,依次在瀏覽器中,從左上角開始,從上到下,從左到右的順序依次顯示。

標準文件流的性質:

1.空白摺疊

2.高低不齊,底端對齊;

標準文件流可以把頁面分成兩大類:

1.塊級元素

2.行內元素

塊級元素:

1.單獨的佔一行

2.可以設定寬、高

3.如果不設定寬度,他將預設佔滿父盒子的寬度

行內元素:

1.與其他元素自動的併排在一行上

2.不能設定它的寬和高,它的寬和高就是內容的寬和高

塊級元素都是容器級的標籤,文本級元素都是行內標籤,(p標籤是特例,它是文本級的標籤,但它是塊級元素)

塊級元素和行內元素可以相互轉換:

display:block

display:inline

標準文件流

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

標準文件流

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

標準文件流 浮動

定義 內容從左到右,從上到下書寫的。前面的內容大小或者位置發生變化時,後面的內容位置也會隨之變化。web頁面,就是乙個標準的文件流。內容跟咱們的書寫順序有關。1 空白摺疊現象 無論多少個空格,tab,換行都會摺疊為乙個空格。張老師 真帥 2 高矮不同,底部對齊 妖怪我要你助我修行 3 一行寫滿,自動...