CSS의 핵심 기술은 무엇입니까

CSS의 핵심 기술은 다음과 같습니다. 1. 원본 요소를 문서 흐름에서 분리하고 왼쪽과 오른쪽으로 정렬할 수 있는 부동 2. 오프셋이 있어도 상대적인 위치 지정 3. 줄 높이 [ line-height], 기본 글꼴 대문자는 16px입니다.

이 튜토리얼의 운영 환경: windows10 시스템, CSS3 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: css 비디오 튜토리얼

CSS의 핵심 기술은 다음과 같습니다:

1, float

• 을 사용하면 원본 요소가 문서 흐름에서 벗어나 왼쪽 및 오른쪽 정렬을 달성할 수 있습니다.

• 너비를 설정하지 않습니다. 최소 너비(내부 요소의 너비)입니다.

• float는 블록 수준 요소 위에 눌려지지만 인라인 요소 위에는 눌려지지 않습니다. 블록 수준 요소의 텍스트 위에 눌림

• float 부작용/Float를 지우는 세 가지 방법

2, positioning position

relative

• 오프셋이 있어도 원래 위치는 여전히 오프셋됩니다. 자체에 상대적

• absolute

오프셋, 위치가 사라졌습니다

• 가장 가까운 상대/절대 상위 요소에 상대적인 오프셋

• 3, line-height

기본 글꼴 대문자는 다음과 같습니다. 16px;

4, 같은 줄에 있는 div 정렬: 기준선 정렬

텍스트가 있는 경우 텍스트 하단이 기준선입니다.

• 인라인 요소가 있는 경우 인라인 하단 요소가 기준선입니다

• 텍스트가 없으면 div의 맨 아래 줄이 기준선입니다

• 참고: 클래스 상속으로 CSS 스타일을 설정하세요

위 내용은 CSS의 핵심 기술은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!