HTML 공간 설정 방법은 다음과 같습니다. 1. 인라인 스타일 2. 내부 스타일 시트 3. 외부 스타일 시트 4. 여백 및 패딩 속성 사용 자세한 소개: 1. 인라인 스타일, HTML 요소에서 직접 스타일 속성을 사용하여 CSS 스타일 설정 2. 내부 스타일 시트, "" 부분에 있는 "" 태그 사용 HTML 문서. CSS 규칙을 포함합니다. 3. 외부 스타일 시트, 별도의 ".css" 파일에 CSS 규칙을 작성한 다음 HTML 문서 등에 작성합니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202311/16/2023111610034290979.jpg" alt="HTML 공간 설정 방법" ></p> <p>HTML 공간 설정은 주로 CSS를 통해 이루어집니다. 다음은 몇 가지 일반적인 설정 방법입니다. </p> <p>1. 인라인 스타일: CSS 스타일을 설정하려면 HTML 요소에서 직접 스타일 속성을 사용하세요. . 예: </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div style="padding: 20px;">我是一个 div</div></pre><div class="contentsignin">로그인 후 복사</div></div> <p>2. 내부 스타일 시트: CSS 규칙을 포함하려면 HTML 문서의 <head> 섹션에 <style> 예: </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><head> <style> div {padding: 20px;} 我是一个 div 로그인 후 복사 3. 외부 스타일 시트: 별도의 .css 파일에 CSS 규칙을 작성한 다음 태그를 사용하여 HTML 문서에서 이 파일을 참조합니다. 예: 我是一个 div 로그인 후 복사 styles.css 파일에서: div {padding: 20px;}로그인 후 복사 위의 세 가지 방법 중에서 외부 스타일 시트 방법이 가장 권장됩니다. 외부 스타일 시트 방법을 사용하면 스타일과 콘텐츠를 분리할 수 있어 웹사이트 유지 관리 및 스타일 수정이 더 쉬워지기 때문입니다. 편리한. 동시에 외부 스타일 시트를 여러 페이지에서 공유할 수도 있어 웹사이트 성능을 향상시킬 수 있습니다. 4. 여백 및 패딩 속성 사용: 이 두 속성은 각각 요소의 외부 여백과 내부 여백을 설정할 수 있습니다. 예를 들어 margin: 10px; 는 요소의 외부 여백을 10픽셀로 설정하고 padding: 20px; 은 요소의 내부 여백을 20픽셀로 설정합니다. 두 속성 모두 4개의 값(상단, 오른쪽, 하단, 왼쪽), 2개의 값(상단, 하단, 왼쪽) 또는 하나의 값(모두)을 허용할 수 있습니다. 예: div {margin: 10px; /* 设置外边距为10像素 */ padding: 20px; /* 设置内边距为20像素 */ }로그인 후 복사 또는 div {margin: 10px 15px; /* 设置上下外边距为10像素，左右外边距为15像素 */ padding: 20px 25px; /* 设置上下内边距为20像素，左右内边距为25像素 */ }로그인 후 복사 또는 div {margin: 10px 15px 20px 25px; /* 设置上外边距为10像素，右外边距为15像素，下外边距为20像素，左外边距为25像素 */ padding: 20px 25px; /* 设置上下内边距为20像素，左右内边距为25像素 */ }로그인 후 복사 여백 및 패딩 값은 픽셀(px), 백분율(%), em 등과 같은 단위일 수도 있고 다음과 같을 수도 있습니다. 상대 단위(예: em) 또한, 4개의 마진 값 중 처음 2개의 값이 양수이면 처음 2개의 값은 마지막 2개의 값이 양수이면 상단 및 하단 마진을 나타내고, 양수인 경우 마지막 두 값은 왼쪽 및 오른쪽 여백을 나타냅니다. 마찬가지로, 패딩의 4가지 값 중 처음 두 값이 양수이면 처음 두 값은 위쪽 및 아래쪽 패딩을 나타내고, 마지막 두 값이 양수인 경우 마지막 두 값은 왼쪽 및 오른쪽 패딩을 나타냅니다.
