css布局模型（三種）
1、流動模型（flow）：預設的網頁布局模式，塊狀元素都自上而下按順序垂直延伸分布。內聯元素都會在所處的包含元素內從左到右水平分布顯示
2、浮動模型 (float):float：left
3、層模型（layer）：三種：1絕對定位(position: absolute)2、相對定位(position: relative)3、固定定位(position: fixed)
層模型：絕對定位：使用left、right、top、bottom屬性；相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即相對於瀏覽器視窗。
相對定位：它通過left、right、top、bottom屬性相對於以前的位置移動，偏移前的位置保留不動(還是存在)。覆蓋不了前面的div沒有偏移前的位置
固定定位：與absolute定位型別類似，但它的相對移動的座標是檢視（螢幕內的網頁視窗）本身。由於檢視本身是固定的，它不會隨瀏覽器視窗的滾動條滾動而變化。
relative與absolute組合使用：被參照元素要設定為：position: relative。元素設定position: absolute
顏色值：p英文 prgb顏色 p p16進製制4顏色
技巧：水平居中：1行內元素:被設定元素為文字、等行內元素時，水平居中是通過給父元素設定 text-align:center 來實現的。
2塊狀元素：（定寬塊狀）①定寬②margin：auto。
（不定寬塊狀）①加入 table 標籤 包括、、table
②設定 display: inline 方法：與第一種類似，顯示型別設為 行內元素，進行不定寬元素的屬性設定
③設定 position:relative 和 left:50%：利用 相對定位 的方式，將元素向左偏移 50% ，即達到居中的目的
垂直居中：父元素高度確定的單行文字： 設定父元素的 height 和 line-height 高度
父元素高度確定的多行文字：①使用插入 table (包括tbody、tr、td)標籤，同時設定 vertical-align：middle。
②屬性 vertical-align，在父元素設定此樣式時，會對inline-block型別的子元素都有用。
1. position : absolute 2. float : left 或 float:right 只要html**中出現以上兩句之一，元素的display顯示型別就會自動變為以 display:inline-block
輪播：乙個輪播主要包括三個部分： 輪播的 輪播的計數器 輪播的控制器
1：設計輪播的容器。
定義乙個 id 值，方便後面採用 data 屬性來宣告觸發。
2：設計輪播計數器。在容器 div.carousel
‹›4：
C 物件模型和布局（三種經典類物件記憶體布局）
侯捷翻譯的 深度探索c 物件模型 一書中，對c 物件模型進行了三種典型模型劃分，分別為簡單物件模型 a object model 驅動物件模型 a table drive object model c 物件模型 the c object model 本文以及之後的部落格主要總結的都是最後乙個c 物件...
CSS三種布局模型及position的區別
在網頁中，元素有三種布局模型 文件流 flow 層模型 layer 浮動模型 float 1 文件流 特點 預設網頁布局模型，塊元素自上而下按順序垂直分布 獨佔一行 行內元素從左到右水平分布顯示。2 層模型 特點 三種形式 1，相對定位 position relative 2，絕對定位 positi...
html的三種布局
特點 1 塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布，因為在預設狀態下，塊狀元素的寬度都為100 2 內聯元素都會在所處的包含元素內從左到右水平分布顯示。內聯元素可不像塊狀元素這麼霸道獨佔一行 特點 預設布局下，塊狀元素這麼霸道都是獨佔一行，如果現在我們想讓兩個塊狀元素併排顯示。就需要...