질문

그림 가운데 맞춤 질문:
div:block 부모 요소 img: 그림
방법1: (결함 없음)

div{
    text-align:center;/*      */
    line-height:...;
}
img{ 
    vertical-align:middle;
}

방법2: (결함이 있으면 Block 부모 요소 종류를 바꿉니다)

div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

그림의 간격 문제:
방법1: 이미지 유형 변경

img{display:block;}

방법2: 수직 포지셔닝(상하 모두 가능)

img{vertical-align:top;}

방법3: 부모 요소의 그림 크기의 너비와 높이를 준다

father{width: ;height:;}

방법4: 부동 증가

img{float:left;}

고도 붕괴 문제:

하위 요소가 부동하면 부모 요소의 높이는 0입니다.
방법 1: 하위 요소 뒤에 공백 탭 추가

element {clear:both;}

방법2: 부모 원소에 위조 원소를 추가하면 위조 원소를 표시하지 않습니다

.clearfix：:after {
    			content:"";
				display:block;
    			clear:both;
    			/*visbility：hidden；*/
				}

방법3: 앞뒤에 위조원소를 첨가한다(가장 많은 방법을 사용한다)

.clearfix::before,.clearfix::after{
    content:"";
    display:table;
}
.clearfix::after{
    clear:both;
}
.clearfix{
   *zoom:1;
}

방법4: 부모 원소에 높이를 추가한다.

질문

방법1: 탭 종류 바꾸기(이걸로 추천)

a {display:inline-block;}/*a{display:block;}*/

방법2: 부동 추가

a {float:left;}

점진적 문제 반복:

반복 점진, 반복 점진 영역만

애니메이션 관련 질문:

4

반드시 원소의 높이와 너비를 주어야 한다

4

X, Y, Z축의 쓰기 순서에 영향을 미친다

4

덮어쓰기 문제는 반드시 기억해야 한다

요소 보이지 않는 방법을 설정하려면 다음과 같이 하십시오.

방법1:

element {
    display：none；
}

방법2:

element{
    opacity: 0; 
}

방법 3:

element{
    transform:scale(0);
}