css 初始包含塊

時間 2019-12-07

標籤 css 初始包含欄目 CSS 简体版

原文原文鏈接

continuous media ，paged mediahtml

關於continuous media[連續媒體]和paged media[分頁媒體]
直白的講，continuous和paged media是兩種媒體組，什麼意思呢？對於咱們天天接觸到得信息種類，早有人替咱們進行歸類了，例如：投影機表明的媒體類型就是投影，納入分頁媒體組，而日常使用的電腦屏幕 ，是歸於連續媒體組。

初始化包含塊canvas

1. 根元素的包含塊是一個矩形,叫作初始化包含塊
2. 對於 【連續媒體】就是,初始化包含塊的 尺寸等於viewport的尺寸,起點是canvas的原點
3. 初始化包含塊的方向（direction）等同於根元素的方向
4. 初始化包含塊不是viewport,只是尺寸同樣

在沒有定位的狀況下, 下面文檔的包含塊狀況以下：htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
   <HEAD>
      <TITLE>Illustration of containing blocks</TITLE>
   </HEAD>
   <BODY id="body">
      <DIV id="div1">
      <P id="p1">This is text in the first paragraph...</P>
      <P id="p2">This is text <EM id="em1"> in the 
      <STRONG id="strong1">second</STRONG> paragraph.</EM></P>
      </DIV>
   </BODY>
</HTML>

html	initial C.B. (UA-dependent)
body	html
div1	body
p1	div1
p2	div1
em1	p2
strong1	p2

假如DIv1 定位：blog

   #div1 { position: absolute; left: 50px; top: 50px }

他的包含塊不在是body;將會變成初始化包含塊文檔

假如給em1 定位：it

   #div1 { position: absolute; left: 50px; top: 50px }
   #em1  { position: absolute; left: 100px; top: 100px }

包含塊對應以下：

html	initial C.B. (UA-dependent)
body	html
div1	initial C.B.
p1	div1
p2	div1
em1	div1
strong1	em1

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。