1.作用
尺寸在css中使用非常頻繁，設定頁面布局的時候最基本的屬性就是尺寸.它的作用是設定元素的寬度和高度。
2.寬度屬性：
width：設定元素的寬度
min-width：設定元素的最小寬度
max-width：設定元素的最大寬度
3.高度屬性：
height：設定高度
min-height：設定最小高度
max-height：設定最大高度
4.允許被修改寬度和高度的元素
1.塊級元素允許被修改高和寬
2.大部分的行內塊元素執行被修改尺寸
行內塊：表單控制項元素
單選按鈕，核取方塊無法修改尺寸
3.存在width和height屬性的html元素允許被修改尺寸
比如：img，table ，p，div
5.溢位
使用尺寸屬性限制元素大小時，如果內容所需要的空間大於元素本身，
則會導致溢位
溢位後的處理
屬性：overflow
overflow-x：橫向溢位處理
overflow-y：縱向溢位處理
取值1.visible
預設值 溢位可見
2.hidden
隱藏，溢位隱藏
3.scroll
滾動，元素會出現滾動條，當內容溢位時，滾動條可用，
4.auto
自動，內容溢位時顯示滾動條並且可用
不溢位時沒有滾動條
接下來對上面的知識點來進行說明
我們先設定p元素的尺寸
p在p標記中新增文字
這裡可以看到它是自動適應p中的內容來改變尺寸，但是不會超過我們給的最大值
當內容過多時就會出現溢位現象
下圖是展示對於溢位的各種處理
auto和滾動類似這裡不做演示
在上面我們已經看見了邊框接下來說邊框的屬性和取值
1.邊框
1.簡寫方式
通過乙個屬性控制四個方向邊框效果
屬性：1.border:width style color;
width：寬度，邊框粗線，以px為單位
style：樣式，邊框樣式，實線，虛線
取值solid：實線
dotted：虛線 點狀
dashed：虛線 條狀
2.color：顏色，邊框顏色
取值：合法的顏色值（#ff00dd）
取值為 transparent 則為透明
注意：border：none；或border:0;可以取消元素邊框
2.單邊定義
指定某乙個方向的邊框
屬性：border-方向:width style color;
方向： top/right/bottom/left
3.單屬性定義
屬性：border-屬性:值;
屬性：width/style/color
4.單邊單屬性定義
屬性:border-方向-屬性:值;
和上面取值一樣，只不過是單獨設定一邊
2.邊框倒角
將四個角倒成圓角
屬性:border-radius
取值：絕對值或百分比
ex：border-radius:5px;
border-radius:50%;
如果當前元素的寬和高相等的話，則能將當前元素改為圓形
單獨定義邊框倒角：
border-top-left-radius 左上角
border-top-right-radius 右上角
border-bottom-left-radius 左下角
border-bottom-right-radius 右下角
3.邊框陰影
屬性：box-shadow
取值：h-shadow v-shadow blur spread color inset;
h-shadow：必須 陰影的水平偏移距離，+ 右 偏移 ，- 左偏移
v-shadow：必須 陰影的垂直偏移距離，+ 下 偏移 ，- 上偏移
blur：模糊距離
spread：陰影尺寸
color：顏色
inset：將預設的**影更改為內陰影
4.輪廓
作用：繪製於元素周圍的一條線，位於邊框之外
屬性：outline:width style color;
outline-width:輪廓的寬度
outline-style：輪廓的樣式
outline-color;輪廓的顏色
outline：none;或者outline:;取消元素輪廓
如果覺得寫的還不錯請給個贊。
謝謝支援 b(￣▽￣)d
CSS 尺寸與邊框
作用改變元素的寬度 和 高度 寬度width 寬度 min width 最小寬度 max width 最大寬度 高度height 高度 min height 最小高度 max height 最大高度 頁面中允許設定尺寸的元素 所有的塊級元素都允許設定尺寸 div,p,h1,h2,ul,ol,dl,d...
CSS 尺寸與邊框
一 尺寸屬性 1.寬度 高度 屬性作用 width 寬度min width 最小寬度 max width 最大寬度 height 高度min height 最小高度 max height 最大高度 2.頁面中允許設定尺寸的元素 3.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位，預設溢位是縱向溢...
web尺寸與邊框
尺寸與邊框 1 css單位 1 尺寸單位 1 佔據父元素尺寸的佔比 2 in 英吋，1in 2.54cm 3 cm 厘公尺4 mm 公釐5 px 畫素，計算機螢幕上的乙個點 6 pt point 磅 點1pt 1 72in 7 em 1em 相當於 當前字型尺寸 2em 相當於 當前字型尺寸的2倍 ...