事實是,學習新語言就像是一種心理轉變。您從直接用新語言轉變為思考,最終甚至夢到它。同樣的現象適用於掌握新的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中文網其他相關文章!