本篇文章主要介紹html的內聯元素、塊級元素的分類與布局，以及dispaly屬性對布局的影響。
1. html 元素分類：介紹內聯元素、塊級元素的分類。
2. html 元素布局：介紹內聯元素、塊級元素的布局。
3. css display屬性：介紹此屬性對布局的影響。
html元素大題可分為內聯(inline)元素和塊(block)元素。
①元素顯示方式："文字方式"，1個挨著1個，不獨自占有1行；
②內嵌的元素也必須是內聯元素：如,不能在裡面嵌入
等塊級元素；
③包含的標籤有：、、、
①元素顯示方式：每個元素獨自占有1行，相當於前後都帶有換行符；
②內嵌的元素可以是內聯或塊級元素；
③包含的元素有：①html元素在瀏覽器展示的方式是：從上到下，從左到右。
②內聯元素，是根據瀏覽器的寬度及自身的width寬度來填充。若當前行剩餘空白區域不夠，就會換至下一行。
③塊級元素，根據內聯元素的展示方式展示大概區域；當瀏覽器的寬度減少時，會自動擴充塊級元素的height屬性的值，以容納內嵌元素的展示。
①當塊級元素沒設定width屬性時，瀏覽器寬度的變更，會壓縮塊元素內嵌元素的排版。
②設定塊級元素的width屬性時，瀏覽器的width屬性值變更，不會影響到塊級元素裡的內嵌元素的布局，他們(內嵌元素)受父級塊級元素的影響。
適用範圍：導航條(導航條裡有多個a標籤，可放在乙個div裡，並給div附加width屬性；以免瀏覽器縮小，造成導航排版亂掉)；
1) none ：此元素不被顯示；
2) block ：此元素按塊級元素顯示：前後帶換行符，自己佔一行。內聯元素 → 塊元素
3) inline ：此元素按內聯元素顯示：1個挨著1個。塊元素 → 內聯元素
input3設為了display:block
div設為了display:inline
web開發之路系列文章
css html元素種類
一 塊級元素 block 定義 預設情況下，獨佔一行的元素就是塊級元素。特點 二 內聯元素 inline 定義 內聯元素，也叫行內元素。預設情況下，和其他元素在同一行上，並且元素的高度 寬度等不能設定的元素就是內聯元素。特點 三 內聯塊狀元素 inline block 定義 預設情況下，和其他元素在...
CSS HTML 靜態網頁布局（三）
寫完了靜態京東網頁，有一些注意事項需要總結 解決方案有四種 需要給父元素設定屬性 overflow hidden 給父元素設定固定高。將父元素也一起浮動 這個會影響到父元素的同級元素，個人不太建議 在父元素的最後乙個子元素後邊再多增加乙個非浮動的子元素，然後給這個子元素加個clear.例如 父元素不...
css html簡單的布局demo
於html介紹css作風。可以改變html塊狀布局，局更加美觀。接下來看乙個基礎布局的小樣例 效果例如以下 在上面的布局中。我們主要使用margin屬性來對div進行布局。在實際中。感覺margin屬性主要適用於塊與塊之間的布局，當我們要對盒子中的內容進行布局的時候，我們能夠使用盒子的還有乙個屬性 ...