事实是,学习新语言就像是一种心理转变。您从直接用新语言转变为思考,最终甚至梦到它。同样的现象适用于掌握新的CSS语法,尤其是逻辑属性。 “啊哈!”直观理解的时刻令人难以置信。
但是,当前的CSS实施提出了挑战。尽管许多开发人员都采用逻辑属性,例如padding-inline
和margin-inline
,但一致的用法仍然难以捉摸。这种不一致阻碍了我们寻求的无缝心理转变。
例如,虽然inline-size
提供了逻辑替代width
的替代方案,但即将到来的@container
查询最初似乎打破了这种一致性,需要返回min-width
和max-width
。幸运的是,最近的草稿表明该问题可能已经解决,有可能在@container
查询中允许逻辑或物理属性。理想情况下,为了清楚起见,只能支持逻辑属性,但最终决定似乎即将出现。
需要注意的另一个领域是缺乏overflow-*
属性的逻辑等效物。尽管存在overflow-inline
(相当于overflow-x
),但浏览器支持当前仅限于Firefox。
尽管存在这些不一致之处,但许多逻辑属性就可以直观使用: size
, position
, margin
, padding
, border
, alignment
等等。即使是诸如border-top-left-radius
类的属性,现在也具有逻辑对应物(例如, border-start-start-radius
)和float: inline-end
替换float: right
。更清洁,更直观的CSS开发的潜力很大。
以上是逻辑错误的详细内容。更多信息请关注PHP中文网其他相关文章!