이전 작성: 이 글에서는 CSS의 세 가지 주요 특징인 계단식 배열, 상속, 우선 순위를 간략하게 소개합니다. 마진, 패딩, 플로팅 및 여러 지식 포인트 배치도 가능합니다. 레벨에 국한되어 심도 있게 다루지는 않습니다. 학습 요약용으로만 사용됩니다.
1) 계단식: 스타일이 동일한 태그 및 동일한 가중치와 충돌하는 경우 이후 스타일이 이전 스타일을 덮어씁니다.
2) 상속: 상위 요소의 스타일을 설정할 때 에 기본적으로 스타일이 없으면 하위 요소는 상위 요소의 스타일에 영향을 받습니다. 너비와 높이는 상속될 수 없습니다.
상속 가능한 속성 :
◇텍스트 색상 상속 가능 color
◇텍스트 관련 속성 상속 가능
◆줄 높이(line-height) 상속 가능
◆text-align
특수 상황:
태그는 기본적으로 상위 요소의 색상에 영향을 받지 않습니다.
nav를 만들 때 li에 대한 태그 색상을 설정하는 것은 브라우저의 기본 스타일에 영향을 받기 때문에 작동하지 않는 것이 일반적입니다 color: .
h1-h6 기본 단위는 em입니다. 특정 크기는 제품 작동
이 필요합니다.3) 우선순위:
태그 선택기8cd2a83e9f498d6ccb2a38d049d67db3 2 body { 3 min-width: 1000px; 4 } 5 6 .columns { 7 height: 250px; 8 float: left; 9 } 10 11 .container { 12 height: 250px; 13 border: 1px solid red; 14 } 15 16 .mainbox { 17 width: 100%; 18 background: yellow; 19 } 20 21 .inner { 22 margin: 0 300px 0 250px; 23 word-break: break-all; 24 } 25 26 .leftbox { 27 width: 250px; 28 background: red; 29 margin-left: -100%; 30 } 31 32 .rightbox { 33 width: 300px; 34 background: blue; 35 margin-left: -300px; 36 } 37 531ac245ce3e4fe3d50054a55f265927