>  기사  >  웹 프론트엔드  >  인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

伊谢尔伦
伊谢尔伦원래의
2017-06-13 11:16:453908검색

z-index 속성과 position 속성이 포함되지 않은 경우 모든 요소의 스택 순서는 HTML 문서에 나타나는 순서와 일치합니다. (인라인 요소를 겹치기 위해 음수 여백을 사용하는 특별한 경우는 제외.) 요소가 부동되면 부동 블록 요소는 위치가 지정되지 않은 블록 요소와 위치가 지정된 블록 요소 사이에 배치됩니다. 즉, 부동 요소가 표시됩니다. 일반 흐름에서는 하위 블록 요소 위, 일반 흐름에서는 하위 인라인 요소 아래에 있습니다. 위치 속성이 요소에 추가되면 위치 속성이 있는 모든 요소와 해당 하위 요소는 위치 속성이 없는 다른 요소 위에 표시됩니다. Z-index는 position 속성이 설정된 요소에만 적용됩니다. position 속성이 없는 요소의 z-index 속성은 적용되지 않습니다. z-index 속성은 스택 컨텍스트를 형성하면서 앞으로 또는 뒤로 이동하는 공통 상위 요소가 있는 요소 그룹을 생성합니다. 각 스택 컨텍스트에는 단일 루트 요소가 있습니다. 요소에 새 스택 컨텍스트가 형성되면 스택 컨텍스트의 모든 하위 요소는 스택 순서에서 고정된 영역으로 제한됩니다. 스태킹 컨텍스트 구성

1. 블록 요소에 관한 10가지 추천 기사

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개: z-index 속성과 position 속성이 포함되지 않으면 모든 요소의 스태킹 순서는 동일합니다. HTML 문서에 나타나는 순서는 일관됩니다. (인라인 요소를 겹치기 위해 음수 여백을 사용하는 특별한 경우는 제외.) 요소가 부동되면 부동 블록 요소는 위치가 지정되지 않은 블록 요소와 위치가 지정된 블록 요소 사이에 배치됩니다. 즉, 부동 요소가 표시됩니다. 일반 흐름에서는 하위 블록 요소 위, 일반 흐름에서는 하위 인라인 요소 아래에 있습니다. 위치 속성을 사용하여 요소를 추가하면 위치 속성이 있는 모든 요소와 해당 하위 요소가 해당 요소에 표시됩니다...

2. CSS에서 요소의 스택 순서를 분석

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개 : zindex 속성과 position 속성이 포함되지 않은 경우 모든 요소의 스택 순서는 HTML 문서에 나타나는 순서와 일치합니다. (인라인 요소를 겹치기 위해 음수 여백을 사용하는 특별한 경우는 제외.) 요소가 부동되면 부동 블록 요소는 위치가 지정되지 않은 블록 요소와 위치가 지정된 블록 요소 사이에 배치됩니다. 즉, 부동 요소가 표시됩니다. 일반 흐름에서는 하위 블록 요소 위, 일반 흐름에서는 하위 인라인 요소 아래에 있습니다. position 속성을 가진 요소를 추가하면 position 속성을 가진 모든 요소와 그 하위 요소가...

3. HTML5의 tabindex 속성 종합 분석

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개 : 다음 편집자가 설명합니다. HTML5의 tabindex 속성에 대한 포괄적인 분석을 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 에디터와 함께 구경해보세요

4 css의 위치 속성과 z-index 속성에 대한 심층 분석

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개: 웹 디자인에서 position 속성은 매우 중요합니다. 때때로 우리가 이 속성을 명확하게 이해하지 못하면 예상치 못한 많은 어려움을 겪게 됩니다. 위치 속성에는 정적, 고정, 상대 및 절대의 네 가지 위치 지정 방법이 있습니다. 마지막으로 position 속성과 밀접한 관련이 있는 z-index 속성을 소개하겠습니다. 1부: position: staticstatic

5. position 속성 및 CSS의 z-index 속성

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개: 이 문서에서는 주로 position 속성과 z-index에 대한 심층적인 이해를 소개합니다. CSS 속성의 색인(권장)을 사용하면 CSS 스타일을 배우고 싶은 학생들이 배울 수 있습니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

6. HTML 튜토리얼: 슈퍼 연결 만들기

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개: [소개] 탭을 할 수 없거나 포인팅 장치를 사용할 수 없는 사용자는 바로 가기 탭 키를 사용하여 연결을 열 수 있으며 논리적 탭 순서도 있어야 합니다. HTML은 선형이지만 tabindex 속성을 사용하면 바로 가기 키의 순서를 정의할 수 있으며 이러한 논리적 탭은 자동으로 해당 위치에 배치됩니다. 단축키 단축키는 키보드의 특정 키를 통해 더욱 편리하게 변경할 수 있습니다...

7. html 튜토리얼: tabIndex를 사용하여 웹 탐색을 쉽게 구현

인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약

소개: 최근 언제 웹사이트에서 양식 데이터를 입력할 때 한 열을 채우고 다음 열로 이동하기 위해 [Tab] 키를 눌렀는데, 찾아보니 그 열에서 커서가 다른 열로 점프하는 것을 보고 놀랐습니다. 페이지 하단. 마우스로 커서를 올바른 텍스트 필드로 이동했지만 곧 [Tab] 키 문제가 다시 시작되었습니다. 이러한 상황으로 인해 페이지 디자인을 살펴보고 tabIndex 속성이 키보드를 통한 탐색을 어떻게 지원하는지 살펴보고 싶었습니다. ...

8. CSS의 z-index 속성에 대한 자세한 설명(이미지 분석 포함)_html/css_WEB-ITnose

소개: CSS의 z-index 속성에 대한 자세한 설명(이미지 포함) 분석)

9. 음수 z-index 속성 value_html/css_WEB-ITnose

소개: 음수 z-index 속성 값의 효과

10. CSS의 index 속성은 무엇입니까? index 속성

javascript - 이미지 로딩 실행 순서 및 제어 방법

javascript - BootStrap tabindex attribute???

javascript - selecet 요소를 복제할 때 선택한 항목을 저장할 수 없는 이유는 무엇입니까?

javascript - JS 질문: getAttribute()로 속성을 가져오는 문제에 대해 알려주세요.

위 내용은 인덱스 속성을 사용하는 방법은 무엇입니까? 인덱스 속성 예제 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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