집 > 기사 > 웹 프론트엔드 > CSS에 표시한다는 것은 무엇을 의미합니까?

CSS에 표시한다는 것은 무엇을 의미합니까?

王林원래의: 2020-11-16 17:57:3317272검색

CSS의 표시는 생성되어야 하는 상자의 유형을 지정하는 데 사용되는 속성입니다. html과 같은 문서 유형의 경우 표시 속성을 주의해서 사용해야 합니다. 그렇지 않으면 html에 이미 정의된 표시 계층 구조를 위반할 수 있습니다.

속성 소개:

display 속성은 요소가 생성해야 하는 상자 유형을 지정합니다.

HTML과 같은 문서 유형의 경우 주의 없이 표시를 사용하면 HTML에 이미 정의된 표시 계층 구조를 위반할 수 있으므로 위험할 수 있습니다. XML의 경우 XML에는 이러한 종류의 계층 구조가 내장되어 있지 않으므로 모든 표시가 절대적으로 필요합니다.

(학습 영상 공유: css 영상 튜토리얼)

공통 속성 값:

none 이 요소는 표시되지 않습니다.
block 이 요소는 이 요소 앞뒤에 줄 바꿈이 있는 블록 수준 요소로 표시됩니다.
인라인 기본값. 이 요소는 요소 앞이나 뒤에 줄 바꿈이 없는 인라인 요소로 표시됩니다.
inline-block 인라인 블록 요소. (CSS2.1의 새로운 값)
list-item 이 요소는 목록으로 표시됩니다.
run-in 이 요소는 상황에 따라 블록 수준 요소 또는 인라인 요소로 표시됩니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>display属性的none属性值</title>
		<style type="text/css">
			body {
				background-color: #aaa;
			}
			.div {
				width: 400px;
				height: 60px;
				border: 1px solid;
				margin-top: 10px;
			}
			.none {
				display: none;
			}
		</style>
	</head>
	<body>
		<div class="div">元素1</div>
		<div class="div none">元素2</div>
		<div class="div">元素3</div>
	</body>
</html>

CSS에 표시한다는 것은 무엇을 의미합니까?

관련 기사