尺寸與邊框
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倍
注意：css中描述尺寸的單位是不能省略的。
2、顏色單位
1、rgb(r,g,b)
r:red
g:green
b:blue
r,g,b的範圍分別是 0~255
background-color:rgb(125,28,96);
2、rgb(r%,g%,b%)
3、#rrggbb
由6位16進製制數字表示顏色
16進製制範圍:
0-9 a-f
#ff0000 : 紅色
#123456 :
#rrggbb的縮寫
#001122 --》 #012
5、表示英文的單詞
red,green,blue,yellow,
2、尺寸屬性
1、作用
尺寸屬性一般用於設定元素的寬度和高度
2、寬度
屬性：width
min-width
max-width
注意：min-width/max-width 與 width 屬性相衝突，最終以width屬性值為準
3、高度
屬性：height
min-height
max-height
4、注意
1、不是所有的元素都支援修改尺寸
支援修改尺寸屬性的元素如下：
1、塊級元素
2、非塊級元素中，存在width，height屬性的html元素
table，img
5、溢位
使用尺寸屬性控制元素大小時，如果內容所需的空間大小大於元素本身的空間，會導致內容溢位
處理溢位的屬性:
overflow:
overflow-x:橫向溢位處理
overflow-y:縱向溢位處理
取值：1、visibile
預設值，溢位可見
2、hidden
隱藏3、scroll
讓元素顯示滾動條，溢位時可用
4、auto
自動，溢位時顯示滾動條，並可用
3、邊框
1、作用
在元素周圍繪製一條線
2、屬性
1、簡寫方式
border:width style color;
width:邊框粗細，以px為單位
style:邊框樣式
solid : 實線
dotted : 虛線
dashed : 虛線
color:邊框顏色
合法的顏色值
作用：控制元素的上下左右四個邊框的粗細，樣式，顏色
2、單邊定義
border-方向:width style color;
方向：top：上
bottom：下
left：左
right：右
3、單屬性定義
border-屬性:值;
屬性：width : 邊框粗細
style : 邊框樣式
color : 邊框顏色
作用：控制四條邊的對應屬性
4、單方向單屬性定義
border-方向-屬性:值;
5、注意
1、邊框顏色可取值為 transparent，意味透明
2、取消邊框顯示
border:0;
border:none;
border-方向:0;
border-方向:none;
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.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位，預設溢位是縱向溢...
css尺寸與邊框
1.作用 尺寸在css中使用非常頻繁，設定頁面布局的時候最基本的屬性就是尺寸.它的作用是設定元素的寬度和高度。2.寬度屬性 width 設定元素的寬度 min width 設定元素的最小寬度 max width 設定元素的最大寬度 3.高度屬性 height 設定高度 min height 設定最小...