为什么没有维度css属性?

在CSS中我们可以定义:
margin-top: 10px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;

或者只是简短:

margin: 10 1 1 1;

我们也可以定义:

border-left -right -bottom -top ...

或短:

border:1px solid black;

用于定义我们需要的元素的尺寸:

width: 150px;
height: 200px;

为什么不是这样的:

dimension: 150px 200px;

或者存在类似的东西,我只是不知道它?

(我问的原因是:我总是错误地输入’dth’ – >’dht’和’ght’ – >’gth’并想责怪别人)

解决方法

鉴于我们在二维空间中工作,那么将只有2个属性,即宽度和高度.将此与具有四个可能参数的保证金进行比较.

使用建议的维度属性可以节省很少的输入,但是存在添加错误的风险.例如,你可以轻易搞定高度和宽度混淆的错误 – 尺寸:150px 200px;然后是150px的高度或宽度?浏览器将如何解释尺寸:200px是指200宽度,还是200 x 200px?或者是其他东西?

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效