HTML基礎筆記之CSS盒子模型1(布局)

2021-07-24 02:38:55 字數 472 閱讀 4561

內邊距padding:20px;

使用padding統一設定

上下左右

padding-top....

aaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

cccccccccccccc

外邊距:

margin

統一設定和分別設定

上下左右

margin-top...

也可已使用margin統一設定

也可以分別設定

上下左右四個外邊距

aaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

cccccccccccccc

HTML之CSS盒子模型

其實,css就三個大模組 盒子模型 浮動 定位,其餘的都是細節。要求這三部分,無論如何也要學的非常精通。所謂盒子模型就是把html頁面中的元素看作是乙個矩形的盒子,也就是乙個盛裝內容的容器。每個矩形都由元素的內容 內邊距 padding 邊框 border 和外邊距 margin 組成。看透網頁布局...

CSS基礎 盒子模型

width和height指內容區域的寬度和高度 元素實際寬度 左右外邊距 左右邊框 左右內邊框 width 元素實際高度 上下外邊距 上下邊框 上下內邊距 height 定義元素的寬和高需要使用下面屬性 1 width寬度 height高度 固定的寬度和高度,當內容超出寬度和高度之後,不會自動填充擴...

CSS筆記 盒子模型

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