BCF學習筆記

2022-05-21 02:51:07 字數 903 閱讀 2557

他是css中概念:就是乙個頁面是由很多個 box 組成的。元素的型別和 display 屬性,決定了這個 box 的型別

他是w3c css2.1 規範中的乙個概念:它是頁面中的一塊渲染區域,並且有一套渲染規則,它決定了其子元素將如何定位,以及和其他元素的關係和相互作用。最常見的 formatting context 有 block fomatting context (簡稱bfc)和 inline formatting context (簡稱ifc)

不同型別的 box, 會參與不同的 formatting context(乙個決定如何渲染文件的容器),因此box內的元素會以不同的方式渲染

bfc(block formatting context)。它是乙個獨立的渲染區域,只有block-level box參與,它規定了內部的block-level box如何布局,並且與這個區域外部毫不相干

根元素float屬性不為none

position為absolute或fixed  

display為inline-block, table-cell, table-caption, flex, inline-flex

overflow不為visible

計算bfc的高度時,浮動元素也參與計算

每個元素的margin box的左邊, 與包含塊border box的左邊相接觸(對於從左往右的格式化,否則相反)。即使存在浮動也是如此。

內部的box會在垂直方向,乙個接乙個地放置

box垂直方向的距離由margin決定。屬於同乙個bfc的兩個相鄰box的margin會發生重疊

bfc就是頁面上的乙個隔離的獨立容器,容器裡面的子元素不會影響到外面的元素。反之也如此。

bfc的區域不會與float box重疊

具體應用見

學習筆記 雜湊學習筆記

hash基本原理 hash就是乙個像函式一樣的東西,你放進去乙個值,它給你輸出來乙個值。輸出的值就是hash值。一般hash值會比原來的值更好儲存 更小 或比較。那字串hash就非常好理解了。就是把字串轉換成乙個整數的函式。而且要盡量做到使字串對應唯一的hash值。它的主要思路是選取恰當的進製,可以...

學習筆記 CentOS 學習筆記01

簡單的做個課堂筆記 虛擬機器用的是vmware,系統是centos cd etc sysconfig network scripts pwdls 顯示列表 cat ifcfg eth0 檢視檔案內容 vi ifcfg eth0 進入vi編輯器 onboot no 原始設定 x逐字刪除 d刪除整行 a...

筆記 spring cloud 學習筆記

1 spring cloud 是什麼 spring cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具 例如配置管理,服務發現,斷路器,智慧型路由,微 控制匯流排 分布式系統的協調導致了樣板模式,使用spring cloud開發人員可以快速地支援實現這些模式的服務和應用程式。他們將在任...