>  기사  >  웹 프론트엔드  >  CSS 상속 및 자동 사용 분석_경험 교환

CSS 상속 및 자동 사용 분석_경험 교환

WBOY
WBOY원래의
2016-05-16 12:04:111751검색

일반적으로 증폭과 왜곡을 겹친 후에는 전체 구조가 모양이 벗어나는 매우 작은 값입니다. CSS는 매우 단순한 언어이고 배우고 사용하기 쉽지만 쓰레기 코드가 발생하기 가장 쉬운 언어이기도 합니다. 이는 언어를 깊이있게 공부하지 않기 때문입니다. 내 생각에 CSS는 기본값, 상속 시스템, 가중치 시스템이라는 세 가지 블록으로 구성되어 있습니다. 기본값은 사용자가 속성을 설정하지 않은 경우 브라우저에서 기본적으로 지정하는 속성입니다. CSS 프레임워크에는 기본적으로 Reset.css라는 파일이 있는데, 이 파일은 브라우저 간의 차이점을 제거하기 위해 이를 재설정합니다. 상속 시스템은 우리가 아래에서 집중적으로 다룰 것입니다. 가중치 시스템, 즉 우선순위 문제는 이 글의 범위를 벗어나므로 더 이상 논의하지 않습니다. 게다가 이 세 가지는 모두 IE Bug의 침입에 직면하고 있는데, 이는 매우 해로우므로 스스로 막아야 합니다(웃음).

CSS에서는 많은 속성을 상속할 수 있습니다. 예를 들어 특정 단락의 글꼴을 흰색으로 설정하면 해당 요소의 글꼴을 설정할 필요가 없거나 상속하도록 설정하면 됩니다. 하얀색. 이러한 속성을 상속된 속성이라고 합니다. 상위 요소에서 해당 속성의 계산 및 변환된 값을 가져옵니다. 상위 요소가 동일한 상황에 있으면 계속 조회하고, 마지막으로 찾아보기를 사용합니다. 찾을 수 없습니다. 장치의 기본값입니다.

다음은 상속된 속성 목록입니다.

코드 복사 코드는 다음과 같습니다.

border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
글꼴 늘이기
글꼴 크기
글꼴 크기 조정
글꼴 스타일
글꼴 변형
글꼴 두께
글자 간격
줄 높이
목록 스타일
불투명도
목록 스타일 이미지
목록 스타일 유형
따옴표
텍스트 정렬
텍스트 들여쓰기
텍스트 변환
공백
단어 간격

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.