진실은, 새로운 언어를 배우는 것은 정신적 변화와 같습니다. 당신은 번역에서 새로운 언어로 직접 사고로 전환하고 결국에는 꿈을 꾸는 것조차 전환합니다. 이 동일한 현상은 새로운 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!