什么是層布局模型?層布局模型就像是圖像軟件PhotoShop中非常流行的圖層編輯功能一樣,每個圖層能夠精確定位操作,但在網頁設計領域,由于網頁大小的活動性,層布局沒能受到熱捧。但是在網頁上局部使用層布局還是有其方便之處的。下面我們來學習一下html中的層布局。
如何讓html元素在網頁中精確定位,就像圖像軟件PhotoShop中的圖層一樣可以對每個圖層能夠精確定位操作。CSS定義了一組定位(positioning)屬性來支持層布局模型。
層模型有三種形式:
1、絕對定位(position: absolute)
2、相對定位(position: relative)
3、固定定位(position: fixed)
- HTML+CSS基礎
- HTML
- Html和CSS的關系
- 認識html文件基本結構
- 了解HTML的代碼注釋
- 語義化,讓你的網頁更好的被搜索引擎理解
- 加入強調語氣,使用<strong>和<em>標簽
- <q>標簽,短文本引用
- <hr>標簽,添加水平橫線
- <address>標簽,為網頁加入地址信息
- caption標簽,為表格添加標題和摘要
- CSS
- CCS子選擇器
- CSS包含(后代)選擇器
- CSS通用選擇器
- CSS偽類選擇符
- CSS分組選擇符
- CSS繼承
- CSS特殊性
- CSS層疊
- CSS重要性
- 段落排版--中文字間距、字母間距
- 元素分類--塊級元素
- 元素分類--內聯元素
- 元素分類--內聯塊狀元素
- 什么是層模型?
- 層模型--絕對定位
- 層模型--相對定位
- 層模型--固定定位
- Relative與Absolute組合使用