定位 內聯元素與塊元素轉換

2022-08-10 04:09:14 字數 408 閱讀 3639

1.內聯元素與塊元素

塊元素:明顯特徵是獨佔一行,可以設定寬高 maring和padding可以設定

內聯元素:不獨佔一行,無法設定寬高,maring和padding可以設定水平的

起於凡而非凡

起於凡而非凡

3.絕對定位與相對定位:

相對定位:相對與元素自己本身來移動定位

絕對定位:距離父類(有position樣式的父類)...要是沒有找到父類,就有預設的body來代替

備註;/*z-index:值後面不要加畫素 想讓哪個在前面就把哪個的值設大*/

fixed定位相對於瀏覽器視窗定位          position:fixed;

起於凡而非凡

塊元素 內聯元素 內聯塊元素

元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 1.塊元素也是行級元素 在布局中常用的標籤有 div p ul li h1 h6 dl dd dt等。在布局中的行為 如果不設定固定寬度預設百分之百,不設定高度 由內容撐起,獨佔一行 2.內聯元素也是行內元素 在布局中常用的標籤有 ...

塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...

塊元素 內聯元素 內聯塊元素

一 塊元素 行元素 div p ul li h1 h6 dl dt dd 盒子佔據一行 即使設定了寬度 支援全部的樣式 如果沒有設定寬度,預設的寬度為父級寬度100 二 內聯元素 行內元素 a span em b strong i 盒子並在一行 支援部分樣式 不支援寬 高 margin上下 padd...