>  기사  >  웹 프론트엔드  >  인라인 요소 관련 사용법 요약

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

伊谢尔伦
伊谢尔伦원래의
2017-06-13 11:40:412191검색

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出现两次及以上 内嵌的