인라인 요소 관련 사용법 요약

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

1. index 속성을 사용하는 방법은 무엇입니까? index 속성의 사용 예 요약

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

2. 블록 요소에 대한 10가지 추천 기사

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

3 플로팅 속성 함수 정의 및 사용법 요약

소개: CSS의 float 속성을 소개하려면 먼저 표준 문서 흐름을 이해해야 합니다. CSS의 개입 없이 블록 수준 요소는 한 줄을 차지하며, 인라인 요소는 나란히 표시됩니다.

4. span 태그의 역할 및 사용법 요약

소개: < span>은 CSS 정의의 인라인 요소로, 라인 내의 영역을 정의합니다. 즉, 라인은 특정 효과를 얻기 위해 여러 영역으로 분할될 수 있습니다. 자체에는 속성이 없습니다. 범위에는 고정된 형식 표현이 없습니다. 스타일을 적용하면 시각적으로만 변경됩니다.

5. CSS의 부동 속성에 대한 간략한 소개

소개: CSS의 개입 없이 블록 수준 요소는 독점적인 라인을 차지하며 너비와 높이는 설정하면 인라인 요소가 나란히 표시됩니다. 너비와 높이가 자동으로 채워집니다. HTML 페이지의 표준 문서 흐름(기본 레이아웃)은 위에서 아래로, 왼쪽에서 오른쪽으로, 블록(블록 수준 요소)이 나타나면 줄바꿈이 포함됩니다.

6. css의 line-height 및 Vertical-align 속성 예에 대한 자세한 설명

简介：line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertical-align。

7. HTML不能这么写，你造吗？

简介：a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素，内联元素不能包含块级元素，只能包含内联元素 p标签不能包含块级元素 不可包含块级元素的标签 li标签可以包含div以及ul，ul的子元素应该只有li 元素并排（块级和块级并列，内联和内联并列) 字符实体引发的错误 错误的使用 role 属性 行内元素强制转成块级元素，块级元素强制转成行内元素 使用 disabled=false 页面中同一个ID出现两次及以上 内嵌的

저자별 최신 기사

• PHP ob 캐시 소개 및 ob 기능에 대한 자세한 설명
  2023-03-07 21:36:01
• cmd 명령을 사용하여 MySQL에서 비밀번호를 변경하는 방법
  1970-01-01 08:00:00
• 사용자 로그인 코드 예시를 구현하기 위해 자바스크립트가 쿠키를 작동하는 방법에 대한 자세한 설명
  1970-01-01 08:00:00
• PHP 클래스란 무엇입니까? PHP 클래스의 속성에 대한 자세한 설명
  2023-03-11 13:22:01
• 기본적인 자바스크립트 기능인 디바운스, 폴링, 원스 인스턴스 사용법에 대한 자세한 설명
  1970-01-01 08:00:00
• php7 함수, 선언, 반환 값 등과 같은 새로운 기능 소개
  2023-03-11 15:08:02
• PHP array_keys()를 사용하여 배열 키 이름을 얻는 방법에 대한 자세한 설명
  2023-03-12 07:44:02
• PHP는 새로 고침 버퍼 기능의 사용법을 깊이 이해합니다.
  2023-03-11 10:18:01
• 자바스크립트가 함수를 사용하는 방법과 반환값 사용 예에 ​​대한 자세한 설명
  1970-01-01 08:00:00
• Django가 데이터베이스를 쿼리할 때 다양한 정렬 유형을 소개합니다.
  1970-01-01 08:00:00

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

3

2038

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

11

2197

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

1851

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1744

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

1763

관련 주제

더>

• 전화기가 블루투스 헤드셋에 연결할 수 없습니다
• Windows 사진 뷰어에 메모리가 부족하여 표시할 수 없습니다.
• Jquery에서 요소를 삭제하는 방법
• InstantiationException 예외 솔루션
• 속성사용
• 알 수 없는 오류 3004 해결 방법
• 리눅스에서 하드 드라이브를 포맷하는 방법
• 자바 변위 연산자에 대한 자세한 설명