Name: CSS3 Flex의 유연한 상자 모델로 레이아웃이 더욱 쉬워집니다.
Uploaded: 2021-12-21T16:10:36+8:00
Duration: 118 min 13 s
Description: flex 속성은 flex-grow, flex-shrink 및 flex-basis 속성에 대한 간략한 속성으로 flex box 모델 객체의 하위 요소가 공간을 할당하는 방법을 설정하거나 검색하는 데 사용됩니다. 참고: 요소가 Flexbox 모델 객체의 자식이 아닌 경우 flex 속성은 효과가 없습니다.

flex 속성은 flex-grow, flex-shrink 및 flex-basis 속성에 대한 간략한 속성으로 flex box 모델 객체의 하위 요소가 공간을 할당하는 방법을 설정하거나 검색하는 데 사용됩니다. 참고: 요소가 Flexbox 모델 객체의 자식이 아닌 경우 flex 속성은 효과가 없습니다.

어려움：초등학교

총 26개의 챕터

26972회 재생

장1제1장: 꼭 마스터해야 할 Flexbox 모델
04분16초; 브라우저 디버깅 기능 사용
03분13초; 탄력적 레이아웃과 기존 레이아웃 응답 비교
08분04초; 전통적인 방식으로 WeChat 클라이언트 인터페이스 레이아웃
05분22초; 유연한 상자 모델을 사용하여 WeChat 클라이언트 레이아웃
07분06초
장22장: 유연한 상자를 선언하는 여러 가지 방법
03분56초; 플렉스 요소의 방향 변경
03분50초; 유연한 요소 오버플로 및 줄 바꿈 처리 제어
06분14초; 균일하게 설정된 요소 배열 및 줄 바꿈
01분44초; 주축과 교차축에 대한 자세한 설명
04분50초
장3세 번째 장: 스핀들 요소의 다양한 배열
06분06초; 교차축 요소의 다양한 배열
03분41초; 여러 행의 요소가 교차축에 배열되는 방식
05분05초; Flex 요소 교차축 제어
02분33초; 요소 사용 가능 공간 할당
03분47초
장44장: Xiaomi 모바일 페이지 구조 레이아웃
03분39초; 요소를 동적으로 축소하는 기술
03분57초; 스핀들의 기본 치수 정의
02분47초; Flex 요소 그룹 규칙 및 정의
03분19초; 플렉스 요소의 순서 제어
03분06초
장55장: 유연한 요소 정렬 예
08분53초; 유연한 레이아웃 작업 텍스트 노드
02분29초; 유연한 레이아웃에서 배치된 요소가 작동하는 방식
02분47초; 유연한 레이아웃 모바일 유니버설 메뉴
05분16초; 다단계 메뉴의 유연한 레이아웃
07분07초; 여백을 사용하여 자동으로 공간 채우기
05분06초

강사 소개

王林: 학생

당신은 배울 것이다:: flex 속성은 flex-grow, flex-shrink 및 flex-basis 속성에 대한 단축 속성으로 flex box 모델 객체의 하위 요소가 공간을 할당하는 방법을 설정하거나 검색하는 데 사용됩니다. 참고: 요소가 Flexbox 모델 객체의 하위 요소가 아닌 경우 flex 속성은 효과가 없습니다.

CSS3 Flex의 유연한 상자 모델로 레이아웃이 더욱 쉬워집니다.

강사 소개

PHP 중국어 웹사이트