HTML 공간 설정 방법

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가지 값 중 처음 두 값이 양수이면 처음 두 값은 위쪽 및 아래쪽 패딩을 나타내고, 마지막 두 값이 ​​​​양수인 경우 마지막 두 값은 왼쪽 및 오른쪽 패딩을 나타냅니다.

위 내용은 HTML 공간 설정 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!