盒模型
1.border
color:red;字體顏色
border:5px solid red;寬度 類型 顏色
border-style:solid;邊框類型：
solid 實線 dotted 點線 dashed虛線double 雙線 groove 溝槽 inset outset
border-top 上邊框
border-right 右邊框
border-bottom 下邊框
border-left 左邊框
border-top-width 上邊框?qū)?/p>
border-top-style 上邊框類型
border-top-color? 上邊框顏色
color值：
英文單詞：red,yellow,green,black....
十六進制：#(0-9,a-f)
rgb(0~255,0~255,0~255);
r:red? g:green b:blue;
rgba(0~255,0~255,0~255,0~1)
r:red? g:green b:blue; a: alpha
2.margin
margin:百分比相對于父元素盒子的寬度來計算的
3.外邊距合并：
1）當兩個盒子嵌套奔穿，它的垂直外邊距相遇的時候，它的外邊距會顯示較大的哪個值池颈；
解決方法：邊框沉帮；內(nèi)邊距丹壕；
2）當兩個盒子相鄰，它的垂直外邊距相遇的時候，它的外邊距會顯示較大的哪個值舔糖；
記锥啤：定位元素和浮動元素沒有外邊距合并
外邊距合并指的是敬锐，當兩個（垂直外邊距）相遇時，它們將形成一個外邊距呆瞻。
合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者台夺。
4.盒子的大小
盒子的大小=內(nèi)容（content）+內(nèi)邊距（padding）+邊框（border）
5.input標簽
? ? ? input{
outline:none;
}
input:focus{
outline:3px solid pink;
}
/*:focus 聚焦*/
