CSS3用户界面

Mr.ZhaoLess than 1 minute

1. box-sizing怪异盒模型

使用 box-sizing 属性可以设置盒模型的两种类型

可选值含义
content-boxwidth 和 height 设置的是盒子内容区的大小(默认值)
border-boxwidth 和 height 设置的是盒子总大小(怪异盒模型)

2. resize调整尺寸

使用 resize 属性可以控制是否允许用户调节元素尺寸

含义
none不允许用户调整元素大小(默认)
both用户可以调节元素的宽度和高度
horizontal用户可以调节元素的宽度
vertical用户可以调节元素的高度

例如:实际开发中,我们文本域右下角是不可以拖拽的:

 textarea{ 
 	resize: none;
 }