html文件流和事件流

2022-07-15 23:09:16 字數 399 閱讀 3328

文件流:

標準文件流,float position: relative、absolute、fixed可以脫離標準文件流;

回歸標準文件流:

flaot的元素,對父級元素設定overflow: hidden或clear: both,或者對flaot的元素同時使用clear: both可以回歸文件流;

事件流:

使用者的操作會產生事件,事件會在dom元素上進行傳播,傳播方向:div > body > html > document > window

事件分三個階段: 捕獲階段 > 目標階段(當前dom上執行的js) > 冒泡階段(向父級dom傳播),一般會早冒泡階段進行干預,例如在頁面和頁面彈框中都捕獲了enter回車事件,一般會在彈框層阻止向上冒泡event.stoppropogation();

HTML文件流 文字流和脫離文件流

文件流 普通流 在文件流中,html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素,遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...

認識html文件流

寫html,css的同學應該需要清楚什麼是文件流。文件流 將窗體自上而下分成一行一行,並在每行中按從左至右的挨次排放元素,即為文件流。每個非浮動塊級元素都獨有一行,浮動元素則按規則浮在行的一端.若當時行容不下,則另起新行再浮動。內聯元素也不會獨有一行.一切元素 包括塊級,內聯和列表元素 均可生成子行...

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

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