CSS頁面布局基礎

2021-06-18 00:21:29 字數 537 閱讀 7441

5、css頁面布局基礎:

字符集不能設定寬度,如果要設定寬度必須display設定成塊級;inline(字符集)block(塊級)。

padding內邊距,border邊框,margin外邊距。4個:上 右 下 左,3個:上 左右 下,兩個:上下 左右,乙個:上下左右。

元素浮動:

float:none(沒有浮動),left(向左浮動),right(向右浮動)

清除浮動影響:clear:left;

定位:(top bottom right left)

static靜態定位:(預設)按照正常定位方案,元素盒依次格式化;

relative相對定位:移動元素盒,但是原始空間保留;

absolute絕對定位:徹底從文件脫離,並相對於容器進行定位;

fixed固定定位:元素從文件中脫離,相對於瀏覽視窗定位。

指定剪裁區域:clip:rect(上面減多少 左邊剩多少 上面剩多少 左邊減多少);

解決瀏覽器位置不相容:

body

body *

#div

css頁面布局基礎

1.盒模型 margin padding 行高line height 2.vertical align 垂直對齊方式 行高居中 3.如果div沒有設定高度,則會自動增加設定後,自動不變 4.絕對定位 使用position absolute 宣告 使用乙個或多個偏移屬性 top right 相對於其容...

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...