用户界面Css属性

1:resize属性

div{
border:2px solid;
padding:10px 40px;
width:300px;
resize:both;
overflow:auto;
}

resize 属性规定是否可由用户调整元素尺寸。当输入的元素超过输入框的宽度时候，自动出现滑动条，可以左右滑动.

2:Box Sizing属性：定义两个div并排

div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
border:1em solid red;
float:left;
}/*自定义两个div并排 各占50%*/

Box-sizing属性允许以确切的方法适应某个区域的具体内容

3：css3 Outline Offset

Outline offset属性对轮廓进行偏移，并在超出边框边缘位置绘制轮廓

//就是在边框为绘制一个边框

注：轮廓不占空间，轮廓可能是非矩形

div
{
margin:20px;
width:150px;
padding:0px;
height:70px;
border:2px solid black;
outline:2px solid red;
outline-offset:15px;/*在div边框外15像素处有一个轮廓*/
}