학습의 두 번째 주의 프런트 엔드

계층 및 상속의 개념

  텍스트 일반 클래스의 속성 , 즉 요소의 CSS 속성은 내부 중첩 된 요소에 전달, 상속됩니다. 요소는 스타일 중 하나 이상의 소스, 속성 충돌이, 순서 및 주요 작은 스택을 결정할 권리에 따라 로딩 후 표시되는 특성을 가질 수있다.

우선 순위 선택

          신분증 수업 요소
1 0 0 0
신분증 0 1 0 0

클래스, 속성, 의사 클래스

0 0 1 0
요소, 의사 요소 0 0 0 1
通配符 * 0 0 0 0
!중대한 최고

 

상자 모델

  

여유
경계
함유량

포지셔닝 ( 위치 )

  상대 : 절대 아버지하려면 상기 Z- 색인 (디폴트는 0이 자동 산출되어, 자동차이지만, 자동차 Z- 색인 :. 높은에서 다른 값에 0)

  절대 : 문서 흐름에서 층, 제 1 위치 설정 요소의 부모 구성 요소를 찾기 위해 (위치 고정 요소 위치가 없기 때문이다)

  고정 :이 페이지에 고정되며, 드래그 위로 페이지 아래로 안쪽의 상단에 동일의 microblogging 다시는 그렇게 사용된다

  끈적 : 페이지에서 그것을 정상 상대, 그것은 상단에 고정되어하지 않을 때

정상 흐름

  기존의 흐름, 문서 흐름, 일반 문서 흐름, 일반 문서 흐름

  모든 요소는 기본적으로 기존의 모든 플로우 레이아웃입니다

  일반적 : 블록 자신의 광고 박스 수평선 순차적으로 배치되어 카트리지

  블록 (블록을 ​​포함하는)에있어서, 각 상자는 용기 블럭을 가지며, 상자 배치 부를 포함하는 판정 블록.

  대부분의 경우 : 블록 함유 상자 부모 요소 카트리지의 내용물

추천

출처www.cnblogs.com/xf2019/p/12043865.html