學習中的問題 01標準文件流

2021-08-18 09:51:34 字數 733 閱讀 1328

(1).空白摺疊現象。

例如

想讓這兩張中間沒有間隙,那麼在**的表現上也必須挨在一起。如果在兩個的**中間加入連續的空格,也會被摺疊成乙個。

(2).高矮不齊,底邊對齊。

這個例子裡面可以看出來,不管文字的大小有的多大,的大小有多大,都是底邊對齊的。

(3).會自動換行。

標準文件流裡面的元素等級

分為行內元素和塊元素

1.行內元素  

行內元素不能設定寬高,元素的高度由內容決定。

現在用的最多的就是無意義的span。

2.塊元素

塊元素自己獨佔一行。

塊元素可以設定寬高。

如果不給塊元素設定寬度,那麼它的寬度是父容器的寬度。

如果不設定高度,那麼它的的高度預設為包裹的內容,也就是由子元素來撐起。

常見的塊級元素有:div,p,hn,ul,li等等。

塊元素和行內元素的轉化

可以通過display屬性來相互轉化。

比如對div進行操作。

div
這時div就變成了行內元素,與此同時,它也將不能設定寬高,所以這裡的寬高是沒意義的。

對span進行操作。

span

浮動以及清除浮動問題 標準文件流

1.浮動 浮動能使盒子脫離標準文件流 四大特性 1,浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有 字圍 效果 是文字圍繞著浮動盒子顯示 4.收縮的效果 將塊級元素轉化成行內 大家一定要謹記 關於浮動,我們初期一定要遵循乙個原則,永遠不是乙個盒子單獨浮動,要浮動就要一起浮動,另外有浮動一定...

HTML頁面中的文件流以及脫離文件流

一 文件流 在我們生活中,有各種各樣的 流 有電流 水流等,就像水流從高處往低處流一樣,我們可以把文件流想象成html元素在瀏覽器上 流動 瀏覽器的頂端就是河流的源頭,瀏覽器的底部就是河流的盡頭。如下圖 而所謂的文件流 normal flow,也被稱為 普通流 指的是就是元素排版布局過程中,元素會自...

html中的文件流

那麼所謂的文件流 normal flow,也被稱為 普通流 指的是就是元素排版布局過程中,元素會自動從左往右,從上往下地遵守這種流式排列方式。當瀏覽器渲染html文件時,從頂部開始開始渲染,為元素分配所需要的空間,每乙個塊級元素單獨佔一行,行內元素則按照順序被水平渲染直到在當前行遇到了邊界,然後換到...