css布局模型

流動（flow）是預設的網頁布局模式。也就是說網頁在預設狀態下的 html 網頁元素都是根據流動模型來分布網頁內容的。（塊元素和內聯元素）

層布局模型就像是影象軟體photoshop中非常流行的圖層編輯功能一樣，每個圖層能夠精確定位操作，但在網頁設計領域，由於網頁大小的活動性，層布局沒能受到熱捧。但是在網頁上區域性使用層布局還是有其方便之處的。

層模型有三種形式：

1、絕對定位(position: absolute)

2、相對定位(position: relative)

3、固定定位(position: fixed)

css**縮寫，占用更少的頻寬...

顏色值縮寫：

p

p

長度單位總結一下，目前比較常用到px（畫素）、em、% 百分比，要注意其實這三種單位都是相對單位。

1、畫素

畫素為什麼是相對單位呢？因為畫素指的是顯示器上的小點（css規範中假設「90畫素=1英吋」）。實際情況是瀏覽器會使用顯示器的實際畫素值有關，在目前大多數的設計者都傾向於使用畫素（px）作為單位。

2、em

就是本元素給定字型的 font-size 值，如果元素的 font-size 為 14px ，那麼 1em = 14px；如果 font-size 為 18px，那麼 1em = 18px。如下**：

p

下面注意乙個特殊情況：

但當給 font-size 設定單位為 em 時，此時計算的標準以 p 的父元素的 font-size 為基礎。如下**：

html:

以這個例子為例。

p

span

3、百分比

p

CSS 布局模型

一.流動模型 flow 1.首先它是網頁預設的布局方式，有兩個基本的特徵 i.塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布，因為在預設狀態下，塊狀元素的寬度都為100 實際上，塊狀元素都會以行的形式佔據位置。如右側 編輯器中三個塊狀元素標籤 div，h1，p 寬度顯示為100 ii.在流...

CSS布局模型

css包含3種基本的布局模型，用英文概括為 flow layer 和 float。在網頁中，元素有三種布局模型 1 流動模型 flow 2 浮動模型 float 3 層模型 layer 1.流動模型 流動 flow 是預設的網頁布局模式。也就是說網頁在預設狀態下的 html 網頁元素都是根據流動模型...

css布局模型

清楚了css 盒模型的基本概念 盒模型型別，我們就可以深入 網頁布局的基本模型了。布局模型與盒模型一樣都是 css 最基本 最核心的概念。但布局模型是建立在盒模型基礎之上，又不同於我們常說的 css 布局樣式或 css 布局模板。如果說布局模型是本，那麼 css 布局模板就是末了，是外在的表現形式。...