콘텐츠로 건너뛰기

레이아웃

어떻게 화면에 요소를 배치하나요?
코멘트126
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

CSS Writing Modes

코멘트24
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음
💡
코멘트 탭에서는 설문조사 응답자가 설문조사를 작성할 때 남긴 코멘트를 볼 수 있습니다.

Logical Properties

코멘트33
Compare Data
<code>margin-block-start</code>, <code>padding-inline-end</code>, etc.
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

aspect-ratio

코멘트28
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

content-visibility

코멘트17
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

gap property for flexbox

코멘트45
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

@container Queries

코멘트50
Compare Data
Including size and style queries
들어본 적 없음
들어본 적 있음
사용해 본 적 있음
CSS 커뮤니티 회원들에게 '올해의 추천 제품'을 공유해달라고 요청했습니다.

나의 2022 추천: CSS 서브그리드

CSS 서브그리드를 사용하면 자식 요소가 부모 그리드 속성을 상속할 수 있습니다. 곧 전체 페이지에서 동일한 그리드에 요소를 배치하는 것이 훨씬 쉬워질 것입니다. 라인에 요소를 배치하는 것이 더 쉬워질 것입니다.

CSS 커뮤니티 회원들에게 '올해의 추천 제품'을 공유해달라고 요청했습니다.

David East

웹 구축 Advocate

object-view-box

코멘트14
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

Small, Large, and Dynamic Viewport Units

코멘트21
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

Media Queries Range Contexts

코멘트25
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

추천하는 리소스

CSS Grid & Flexbox for Responsive Layouts, v2
Jen Kramer

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.