인터뷰의 프런트 엔드 - 요약

A, CSS 섹션, 대략 여러 장소를 물어

• 박스 모델

1. 组成 내용 + 국경 + 패딩 + 마진
2. , IE 모델; (내용 상자 박스 크기와) 표준 박스 모델 (상자 크기 : 국경 박스)

• 수직 (방법은 너무 많이, 그냥 몇 가지 이름을) 방법을 중심으로

　　　붙이지 : 플렉스;

　　　2. 위치 : 절대;

　　　3, 변환

• 세 개의 열 레이아웃 (일반적으로 다음과 같은 몇 가지를 넣어)

1. 흙손
2. 굽힘
3. 위치

• 가중치 계산 모드 선택기

1. ID> 클래스> 태그 선택기
2. 인라인 스타일> 인라인> 외부 링크
3. 가장 중요한 우선 순위

• 지우기 플로트 방법

1. 외부 DIV 플러스 오버플로 : 숨겨진
2. 게다가 외부 DIV : 의사 클래스 후   

   .clearfix {/ * 인라인 요소 가상 요소는 방법 * / 부동 제거하는 통상의 브라우저 후
   콘텐츠는 '';
   표시 : 블록,
   높이 : 0]
   클리어 : 모두,
   시정 : 숨겨진;
   }
   .clearfix는 {* 줌 :. 1; }

3. 표, 내용 : '', 명확 : 전에 및 의사 듀얼 플로팅 요소의 사용 후 디스플레이를 지우려면 모두
4. 분명 플러스 사업부의 끝 : 모두

• 플렉스의 레이아웃이 너무 많은 일을 이야기하고,주의 깊은 연구의 가치가 ( http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html가 ) 블로그의 위대한 하나님은 매우 신중했다, 나는 몇 가지 말을 사용

1. I는 하나 개 이상의 광고 콘텐츠 동등한 간격이리스트의 레이아웃으로, 사용

   디스플레이 : 플렉스; 
   정당화-내용 : 공간의 주위에; 
   정렬-항목 : 센터;

2. 콘텐츠, 압축 포장 또는 플렉스 랩을 초과 : 랩 / 파라미터 nowrap을;

• 문제를 해결할 수있는 BFC 무엇인가

1. 블랙 Fromattiong 컨텍스트 컨텍스트 번역, 블록 레벨 포맷입니다
2. 가장 큰 문제는 이미지 갭 문제 마진 축소, 플로트 문제를 해결하기 위해

• position 속성

• 적응 평방를 달성하는 방법

• CSS를 삼각형을 달성하는 방법