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

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 스타일은 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 태그 사이에 CSS 스타일 코드를 작성할 수 있음을 의미합니다. 예를 들어 다음 코드는 모든 45a2772a6b6107b401db3c9b82c049c2 태그의 텍스트를 빨간색으로 설정합니다.

<style type="text/css"> span{ color:red; } </style>

삽입된 CSS 스타일은 c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 사이에 작성해야 합니다. 일반적으로 삽입된 CSS 스타일은 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 사이에 작성됩니다.
3. 별도의 파일에 작성되는 외부 CSS 스타일
외부 CSS 스타일(외부 스타일이라고도 함)은 ".css"로 시작하는 CSS 코드를 작성하는 것입니다. 확장명: 다음 코드와 같이 93f0f5c25f18dab9d176bd4f6de5d30e 내(c9ccee2e6ea535a969eb3f532ad9fe89 태그 내 아님)에 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 CSS 스타일 파일을 HTML 파일에 연결합니다. 🎜>
참고:

<link href="base.css" rel="stylesheet" type="text/css" />

css 스타일 파일 이름은 main.css와 같이 의미 있는 영어 문자로 지정됩니다.

rel=”stylesheet” type=”text/css”는 수정이 불가능한 고정된 작성 방식입니다.

rel 속성은 링크된 파일과 HTML 문서 간의 관계를 정의하는 데 사용됩니다. 스타일시트는 스타일 호출을 의미합니다.

2cdf5bf648cf2f33323966d7f58a7f3f 태그 위치는 일반적으로 93f0f5c25f18dab9d176bd4f6de5d30e

4. 세 가지 스타일의 우선순위

같은 가중치에서는 인라인 스타일이 가장 우선순위가 높습니다. 내장형과 외부형

은 근접성 원칙에 따라 구분됩니다(설정되는 요소에 가까울수록 우선순위가 높습니다).

위 내용은 [CSS Notes 2] CSS 스타일 기본 지식 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!