css頁面布局基礎

2021-07-04 06:12:43 字數 831 閱讀 6878

1.盒模型:margin、padding、行高line-height

2.vertical-align:垂直對齊方式、行高居中

3.如果div沒有設定高度,則會自動增加設定後,自動不變

4.絕對定位:

①使用position:absolute;宣告;

②使用乙個或多個偏移屬性(top、right)相對於其容塊的邊緣進行定位,預設被設定為auto;

③絕對定位的元素完全從文件流中脫離出來,所佔據的空間不保留,不再影響其他元素。

5.相對定位:

使用position:relative;宣告

當設定了position:relative時,層的層疊級別高於預設的文字流級別;同等級別下將會按照文字流的順序層疊顯示。

6.容器塊:

①根元素(html)建立的容器塊叫做「初始化容器塊」;

②對於被設定為靜態或者相對定位的非根元素,容器塊是它最近的父級元素、**單元的內容區的邊緣;

③對於如果祖先元素是內嵌元素,容器塊為內容區的邊緣。

7.處理溢位:

①overflow屬性的取值有:visible是預設的,不裁剪內容,不新增滾動條,強制顯示元素內容

②hidden表示裁剪內容,並不顯示超出物件尺寸的內容

③scroll表示裁剪內容,同時提供滾動條

④auto表示只有在必要時才裁剪內容並新增滾動條

8.設定元素的可見性:

display屬性的取值包括:

①none元素在頁面上隱藏起來,元素也將退出當前的頁面布局層,不占用任何的空間;

②強制將xhtml中的內嵌元素變為塊級元素;

③inline:塊級元素變為內嵌元素

CSS頁面布局基礎

5 css頁面布局基礎 字符集不能設定寬度,如果要設定寬度必須display設定成塊級 inline 字符集 block 塊級 padding內邊距,border邊框,margin外邊距。4個 上 右 下 左,3個 上 左右 下,兩個 上下 左右,乙個 上下左右。元素浮動 float none 沒有...

CSS頁面布局基礎

css屬性 css屬性單位 字型屬性 長度pt px 顏色rgb url 絕對長度最好用於列印輸出裝置,而在作為螢幕顯示時,絕對長度無多大的意義 cm mm in 英吋 pt 點 pc picas 相對包括包括px,em,ex。相對長度僅僅是指元素尺寸行對於瀏覽器的系統預設值來相應的縮放 em 當前...

CSS頁面布局基礎2 定位

1 四種定位型別 通過position屬性指定分別是static 預設值 relative absolute fixed static 靜態定位 表示按照正常定位方案,元素盒按照在文件流中出現的順序依次格式化 relative 相對定位 將移動元素盒,但是它在文件流中的原始空間會保留下來。absol...