> 웹 프론트엔드 > CSS 튜토리얼 > [CSS 노트 2] CSS 스타일에 대한 기본 지식

[CSS 노트 2] CSS 스타일에 대한 기본 지식

黄舟
풀어 주다: 2016-12-29 13:46:54
원래의
1403명이 탐색했습니다.

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 스타일은 사이에 작성됩니다.
3. 별도의 파일에 작성되는 외부 CSS 스타일
외부 CSS 스타일(외부 스타일이라고도 함)은 ".css"로 시작하는 CSS 코드를 작성하는 것입니다. 확장명: 다음 코드와 같이 내(