CSS3用户界面
Less than 1 minute
1. box-sizing怪异盒模型
使用 box-sizing 属性可以设置盒模型的两种类型
可选值 | 含义 |
---|---|
content-box | width 和 height 设置的是盒子内容区的大小(默认值) |
border-box | width 和 height 设置的是盒子总大小(怪异盒模型) |
2. resize调整尺寸
使用 resize 属性可以控制是否允许用户调节元素尺寸
值 | 含义 |
---|---|
none | 不允许用户调整元素大小(默认) |
both | 用户可以调节元素的宽度和高度 |
horizontal | 用户可以调节元素的宽度 |
vertical | 用户可以调节元素的高度 |
例如:实际开发中,我们文本域右下角是不可以拖拽的:
textarea{
resize: none;
}