1. 인라인 CSS 스타일, 기존 HTML 태그에 직접 작성
CSS 스타일은 어디에 작성할 수 있나요? CSS 스타일 코드 삽입 형태의 관점에서 볼 때 기본적으로 인라인, 임베디드, 외부의 세 가지 유형으로 나눌 수 있습니다.
인라인 CSS 스타일 시트는 다음 코드와 같이 기존 HTML 태그에 CSS 코드를 직접 작성하는 것입니다.
<p style="color:red">这里文字是红色。</p>
참고로 HTML 태그의 시작 태그에 작성해야 합니다. 요소를 다음과 같이 작성하는 것이 잘못되었습니다:
<p>这里文字是红色。</p style="color:red">
CSS 스타일 코드는 큰따옴표로 작성해야 합니다. CSS 스타일 코드 설정이 여러 개인 경우에는 다음과 같습니다. 함께 작성하고 중간에 공백을 구분하여 작성합니다. 다음 코드는 다음과 같습니다.
<p style="color:red;font-size:12px">这里文字是红色。</p>
2. 현재 파일에 작성된 임베디드 CSS 스타일
인라인 스타일은 하나씩만 수정할 수 있지만 임베디드 스타일은 여러 텍스트의 스타일을 설정할 수 있습니다. 한 번에 .
삽입된 CSS 스타일은 태그 사이에 CSS 스타일 코드를 작성할 수 있음을 의미합니다. 예를 들어 다음 코드는 모든 태그의 텍스트를 빨간색으로 설정합니다.
<style type="text/css"> span{ color:red; } </style>
삽입된 CSS 스타일은 사이에 작성해야 합니다. 일반적으로 삽입된 CSS 스타일은
사이에 작성됩니다.