" 태그 쌍에 스타일 코드를 작성하는 내부 스타일 시트 3. 외부 스타일 테이블, "" 태그를 사용하여 참조되는 별도의 ".css" 파일에 스타일 코드 작성"/> " 태그 쌍에 스타일 코드를 작성하는 내부 스타일 시트 3. 외부 스타일 테이블, "" 태그를 사용하여 참조되는 별도의 ".css" 파일에 스타일 코드 작성">

 >  기사  >  웹 프론트엔드  >  CSS 레이어 스타일 시트의 유형은 무엇입니까?

CSS 레이어 스타일 시트의 유형은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-02-23 16:11:496440검색

CSS 레이어 스타일 시트에는 세 가지 유형이 있습니다. 1. 스타일 속성을 사용하여 HTML 태그에 스타일을 쓰는 인라인 스타일 시트 2. "c9ccee2e6ea535a969eb3f532ad9fe89" 태그 쌍에 스타일 코드를 쓰는 내부 스타일 시트 3. 외부 스타일 시트, 별도의 ".css" 파일에 스타일 코드를 작성하고 "2cdf5bf648cf2f33323966d7f58a7f3f" 태그를 사용하여 참조

CSS 레이어 스타일 시트의 유형은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS(Cascading Style Sheets)는 HTML이나 XML과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다. CSS 스타일에는 주로 다음 세 가지 유형이 있습니다.

1. 인라인 스타일 시트(인라인 스타일)

HTML 태그에 스타일을 작성하려면 style 속성을 사용하세요.

<标签 style="属性:属性值;属性:属性值;"></标签>

다음 코드와 같습니다:

<p style="color:red;font-size:12px">这里文字是红色。</p>

2. 내부 스타일 시트:

페이지c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927 태그에 스타일 코드를 작성하세요.

예:

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>

6c1d9d1c5e7690ed0ad94b24a12b6eb7...531ac245ce3e4fe3d50054a55f265927 태그 구조는 페이지의 6a74014ee44f5deb5894267f99b68016 태그 어디에나 위치할 수 있으며 여러 번 나타날 수 있습니다. 일반적으로 전체 c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927 구조는 페이지의 93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1 섹션에 작성됩니다. 이러한 CSS 도입 방식의 특징은 각 페이지의 CSS 코드를 통합하고 계획할 수 있다는 점입니다. 한 페이지 내에서 재사용하고 유지 관리하기는 쉽지만, 여러 페이지 간 CSS 코드를 재사용하기에는 여전히 부족합니다.

【추천 튜토리얼: CSS 동영상 튜토리얼

3. 외부 스타일 시트(.css 파일):

Css 코드는 별도의 외부 파일에 작성됩니다. 확장명 이름을 사용하려면 다음 코드와 같이 93f0f5c25f18dab9d176bd4f6de5d30e(c9ccee2e6ea535a969eb3f532ad9fe89 태그가 아님) 내에서 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 CSS 스타일 파일을 HTML 파일에 연결하세요. ="stylesheet"는 링크를 나타냅니다. href와 연관된 스타일은 스타일 시트 파일입니다


  • type="text/css"는 파일 형식이 스타일 시트 텍스트

  • 라는 의미입니다. 참고:

  • 1. CSS 스타일 파일은 의미 있는 영문자를 사용해야 합니다. main.css와 같이 이름을 지정합니다.

2. rel="stylesheet" type="text/css"는 고정된 작성 방식이므로 수정할 수 없습니다.

3. 2cdf5bf648cf2f33323966d7f58a7f3f 태그 위치는 일반적으로 93f0f5c25f18dab9d176bd4f6de5d30e 태그 내에 작성됩니다.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 비디오

를 방문하세요! !

위 내용은 CSS 레이어 스타일 시트의 유형은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.