HTML 스타일 정보-CSS 상세 소개

CSS 사용 방법

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> CSS는 HTML 4에서 처음 사용되었으며 HTML 요소 를 더 잘 렌더링하기 위해 도입되었습니다.

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> 다음을 통해 CSS를 HTML에 추가할 수 있습니다.

<ul style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"> 인라인 스타일 - "스타일" 속성

내부 스타일 시트 - 요소 를 사용하여 CSS

외부 참조 - 외부 CSS

파일 사용 가장 좋은 방법은 CSS 파일을 외부에서 참조하는 것입니다.

인라인 스타일 <p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> 인라인 스타일은 개별 요소에 특별한 스타일을 적용해야 할 때 사용됩니다. 인라인 스타일을 사용하는 방법은 해당 태그에 style 속성을 사용하는 것입니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 다음 예에서는 단락의 색상과 왼쪽 여백 을 변경하는 방법을 보여줍니다.

<h2 style="font-size: 22px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; font-weight: bold; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"> 여백-왼쪽<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">:20px;">이것은 단락입니다.

내부 스타일시트 내부 스타일 시트는 단일 파일에 특별한 스타일이 필요할 때 사용됩니다. 섹션의 을 통해 내부 스타일 시트를 정의할 수 있습니다.

본문 {배경색:노란색;} p {색상:파란색;}

외부 스타일 시트 외부 스타일 시트는 스타일을 여러 페이지에 적용해야 할 때 이상적입니다. 외부 스타일 시트를 사용하면 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다.

HTML 스타일 태그 标签 描述 定义文本样式 定义资源引用地址 사용되지 않는 태그 및 속성 HTML 4에서는 원래 HTML 요소에 대한 스타일 정의를 지원했던 태그와 속성이 더 이상 사용되지 않습니다. 이러한 태그는 HTML 태그 의 새 버전을 지원하지 않습니다.

권장되지 않는 태그는 다음과 같습니다: , ,

더 이상 사용되지 않는 속성: color 및 bgcolor.