盒子模型 筆記

2021-07-29 11:44:01 字數 680 閱讀 9082

images

cssbase.css

layout.css

index.css

脫離文件流

寬度不夠會掉下來

行內元素支援寬高

塊元素會根據內容撐開寬高

文字環繞

***用到浮動必須清浮動

不要用inline-block,用浮動

相對定位

根據自己定位

不會脫離文件流

絕對定位

脫離文件流

根據父級定位(父級沒有定位,找父級的父級,一直找到body)

行內元素會變成塊

塊元素寬高會根據內容撐開

後寫的元素變先寫的元素層級高

只對定位元素生效

最大值2的32次方

別用負值

行內i b strong em span a

只能巢狀行內元素(自己相同的標籤除外)

a可以巢狀所有標籤

塊div p ul li ol dl dt dd h1 - h6

可以巢狀所有標籤

p只可以巢狀行內

xhtml規範

嚴格的html

img標籤必須有alt

雙標籤必須有結束標籤

單標籤必須合理閉合

標籤名屬性名必須小寫

引號都是雙引號

所有符號必須英文 

盒子模型筆記

border 1px solid ccc 第乙個表示邊框粗細 第二個表示邊框線型 第三個表示邊框顏色 border width 邊框粗細 border style 邊框線型 border color 邊框顏色 負責兩個盒子之間的距離 margin 10px 上下左右都為10px margin top...

盒子模型(自學筆記)

把網頁元素比如文字等等,放入盒子,然後利用css擺盒子的過程,就是網頁布局 屬性作用 值border width 邊框粗細 畫素值border style 邊框樣式 solid 實線 dashed 虛線 dotted 點線 border color 邊框顏色 red blue等 連寫一般按照以下順序...

CSS筆記 盒子模型

一.盒子模型簡介 css將頁面中的所有元素都設定成了乙個矩形的盒子 將元素設定為矩形的盒子後,對頁面的布局就變成了將不同的盒子擺放到不同的位置 每乙個盒子都由以下幾個部分組成 內容區 content 內邊距 padding 邊框 border 外邊距 margin 二.內容區 content 使用w...