css盒模型重點知識點

2021-08-19 05:26:09 字數 822 閱讀 2200

//標準盒模型,這個瀏覽器預設的方式;

box-sizing

:content-box;

//ie盒模型

box-sizing

:border-box;

概念
bfc主要用來解決邊距重疊的問題;

與它類似的還有乙個叫做ifc;

如何建立bfc

bfc的使用場景

class="wrap">

1section>

2section>

div>

.wrap

section

沒有建立bfc之前的樣子:

建立bfc之後的樣子:

如果像上面那樣的**的話,兩個box隻間的間距只有100px;但是如果給bottom建立bfc的話,那麼兩個box隻間的間距就變成了200px;

盒模型知識點總結

一 怎麼理解盒模型?盒子模型是樣式表 css 控制頁面的很重要的概念。所有的頁面的元素都可以看成是乙個盒子,佔據一定的頁面空間。佔據的空間要比實際使用的空間要大得多。我們可以調整盒子的邊框和距離,來調整盒子 頁面和頁面中的元素 的位置。盒子模型是由內容 邊框 間隙 padding 間隔 margin...

c 中的某些重點知識點

1.為何要匯入標準命名空間?答 預防重名,避免歧義,避免命名衝突 2.生命週期是什麼?答 占用的記憶體,即為作用域 作用範圍 3.函式的作用?答 減少 量。4.最常用的格式符 setw和setprecision 標頭檔案為include 5.什麼是內聯函式?答 方便,模板化,提高了程式執行效率。在函...

重點知識 CSS3

三種基本選擇器包括 id選擇器 類選擇器 元素選擇器 id選擇器用於選擇具有指定id屬性的元素 類選擇器用於選擇具有指定class類名的元素 元素選擇器用於選擇指定型別的元素 id選擇器 類選擇器 元素選擇器 盒子模型的結構 content 顯示內容 border 邊框 padding 內邊距 內容...