CSS를 HTML에 도입하는 방법

HTML에 CSS를 도입하는 방법에는 인라인, 삽입, 링크 및 가져오기의 네 가지 주요 방법이 있습니다.

1. 인라인
인라인 스타일은 태그의 스타일 속성에 CSS 스타일을 설정하는 것입니다. 이 방법은 CSS의 장점을 반영하지 않으므로 권장되지 않습니다.
2. 임베디드
임베디드는 웹페이지의 태그 쌍에 CSS 스타일을 함께 작성하는 것입니다. 형식은 다음과 같습니다.

& lt; head & gt;

& lt;

... >                                                                                단일 웹페이지에는 삽입 사용을 고려할 수 있습니다.

3. 가져오기

가져오기에서는 CSS 규칙을 사용하여 외부 CSS 파일을 사용된 구문은 다음과 같습니다:

                                                                                 

가져오기 공식은 CSS로 로드됩니다. 전체 웹페이지가 로드된 후 파일이 삭제되므로 문제가 발생합니다. 플래시 후에 웹페이지 스타일이 다시 나타납니다. 이는 수입품의 본질적인 결함입니다.

4. 링크 유형

도 HTML 파일에 .css 파일을 도입하지만 링크 유형은 HTML 규칙을 사용하여 외부 CSS 파일을 도입한다는 점에서 가져오기 유형과 다릅니다. 웹페이지의 태그 쌍에서 태그를 사용하여 외부 스타일 시트 파일을 소개합니다.

    

링크 유형을 사용할 경우 CSS 파일을 로드하기 전에 가져오기 유형과 다릅니다. 웹페이지 파일의 본문이므로 표시되는 웹페이지는 처음부터 스타일이 적용되지 않은 웹페이지를 먼저 표시한 다음 가져오기 유형과 같이 스타일이 지정된 웹페이지를 표시하지 않습니다. 이것이 바로 링크의 장점입니다. 유형.

요약: 일반적으로 웹사이트를 구축할 때 스타일은 대부분 여러 스타일 시트 파일로 작성되므로 먼저 링크를 사용하여 일반 CSS 파일을 소개한 다음 이 CSS 파일에서 가져오기 방법을 사용하여 다른 CSS 파일을 소개합니다. 그러나 JavaScript를 통해 CSS 파일을 동적으로 도입하는 경우에는 연결만 사용할 수 있습니다.

HTML에서 CSS를 소개하는 더 많은 방법을 보려면 PHP 중국어 웹사이트에서 관련 기사를 주목하세요!