作用改變元素的寬度 和 高度
寬度width : 寬度
min-width : 最小寬度
max-width : 最大寬度
高度height : 高度
min-height : 最小高度
max-height : 最大高度
頁面中允許設定尺寸的元素
所有的塊級元素都允許設定尺寸：div,p,h1,h2,...,ul,ol,dl,dt,dd, ...
行內塊元素允許設定尺寸：表單控制項元素(單選按鈕，核取方塊)
本身具備 width 和 height 的html元素：img , table
注意：大部分的行內元素是無法修改尺寸的
屬性：
overflow,overflow-x,overflow-y
取值：visible：可見的，預設值，溢位可見（基本不用）
hidden：隱藏的，溢位的內容全部隱藏，不可見（基本不用）
scroll：顯示滾動條，溢位時，可用
auto：自動，溢位時才顯示滾動條並可用（體驗最好）
效果展示
border簡寫方式border:width style color;（屬性值依次填寫）
單邊定義border-top/right/bottom/left:width style color;
style : 邊框樣式solid : 實線邊框
dotted : 虛線邊框(點)
dashed : 虛線邊框(線)
color : 邊框顏色可以取值為 transparent（透明）
注意：
border:none; / border:0; 取消邊框
效果展示：
屬性：將元素四個角換成圓角
border-radius:值;
取值以px為單位的具體值 / %
效果展示：
box-shadow:5px 5px #ddd
取值h-shadow陰影的水平偏移距離，必須的
取值為正，陰影右偏移
取值為負，陰影左偏移
v-shadow陰影的垂直偏移距離，必須的
取值為正，陰影下偏移
取值為負，陰影上偏移
blur模糊距離，取值越大，模糊效果越明顯，以 px 為單位的數值
spread陰影的大小，指定要在基礎陰影上擴充出來的大小距離，取值為 px 為單位的數值
color陰影顏色
inset將預設的**影改為內陰影
就存在輪廓
如下圖：input標籤獲取焦點的時候，外圍變成藍色，藍色就是輪廓。
簡寫方式outline:width style color;
取消輪廓outline:none / outline:0; 為取消輪廓
效果展示
建議：屬性太多，要多多練習。
記得點讚哦！
CSS 尺寸與邊框
一 尺寸屬性 1.寬度 高度 屬性作用 width 寬度min width 最小寬度 max width 最大寬度 height 高度min height 最小高度 max height 最大高度 2.頁面中允許設定尺寸的元素 3.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位，預設溢位是縱向溢...
css尺寸與邊框
1.作用 尺寸在css中使用非常頻繁，設定頁面布局的時候最基本的屬性就是尺寸.它的作用是設定元素的寬度和高度。2.寬度屬性 width 設定元素的寬度 min width 設定元素的最小寬度 max width 設定元素的最大寬度 3.高度屬性 height 設定高度 min height 設定最小...
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倍 ...