CSS中的相關概念
阿新 • • 發佈：2017-06-01
height strong 位置 段落 data 替換 weight 概念 microsoft
CSS的幾個概念：
包括塊：一個元素的“布局上下文”。對於正常的HTML文本流中的一個元素，包括塊由近期的塊級祖先框、表單元格或行內塊祖先框的內容邊界（content edge）構成。
考慮例如以下標記
<body> <div> <p>This is a paragraph.</p> </div> </body>
p元素的包括塊是div元素，由於作為塊元素、表單元格或行內塊元素，這是近期的祖先元素。類似地div的包括塊是body。
非替換元素:假設元素的內容包括在文檔中，則稱為替換元素。比如：假設一個段落的文本內容都放在該元素本省內。這個段落就是非替換元素。
替換元素：這是指作為其它內容占位符的一個元素。替換元素的一個經典樣例就是img元素。它僅僅是指向一個圖像文件。這個文件將被插入到文檔流中該img元素本身所在的位置。大多數表單元素也能夠替換（比如<input type="radio">）。
塊級元素：指段落、標題或div之類的元素。這些元素在正常流中時。會在其框和框主鍵生成‘換行“，所以處於正常流中的塊級元素會垂直擺放。
通過聲明display:block。能夠讓元素生成塊級框。
行內元素：這是指strong或span之類的元素。這些元素不會在之前或之後生成”行分隔符“，他們是塊級元素的後代。通過聲明display:inline。能夠讓元素生成一個行內框。
根元素：位於文檔樹頂端的元素。在HTML文檔中，就是HTML元素。
CSS中的相關概念