> 웹 프론트엔드 > CSS 튜토리얼 > CSS 스타일 시트의 세 가지 방법은 무엇입니까

CSS 스타일 시트의 세 가지 방법은 무엇입니까

青灯夜游
풀어 주다: 2021-01-18 10:12:06
원래의
31307명이 탐색했습니다.

세 가지 방법은 다음과 같습니다. 1. 인라인 스타일 시트, 스타일 속성을 사용하여 CSS 코드를 HTML 마크업에 직접 추가합니다. 2. 내부 스타일 시트에서 "

" 태그에 CSS 스타일을 작성하고 "

이 글의 운영 환경: Acer S40-51, HBuilder

인라인 스타일 시트

내부 스타일 시트

외부 스타일 시트
  • 인라인 스타일 시트

  • 인라인 스타일은 style 속성을 사용하여 CSS 코드를 HTML 마크업에 직접 추가합니다. 즉, HTML 태그의 속성 태그가 존재합니다.

    예:
  • <h1 style="color:red;">style属性的应用</h1>
    로그인 후 복사
이 방법을 사용하면 요소의 스타일을 개별적으로 쉽게 정의할 수 있습니다.

예:

인라인 스타일 시트의 장점과 단점:

장점:

스타일 시트 파일이 없으면 특정 시점에는 효율성이 향상될 수 있습니다.CSS 스타일 시트의 세 가지 방법은 무엇입니까

스타일 속성 스타일 효과는 가장 강력하며 다른 소개 방법의 동일한 스타일 효과를 덮어씁니다.

단점:
  • 여러 요소가 스타일을 공유하기 어렵기 때문에 코드 재사용에 도움이 되지 않습니다.
  • HTML과 CSS 코드가 혼합되어 있어 프로그래머와 검색 엔진이 읽는 데 도움이 되지 않습니다.

  • 내부 스타일 시트

  • 내부 스타일 시트는 태그에 CSS 스타일을 작성하고