" 태그 쌍에 스타일 코드를 작성하는 내부 스타일 시트 3. 외부 스타일 테이블, "" 태그를 사용하여 참조되는 별도의 ".css" 파일에 스타일 코드 작성"/> " 태그 쌍에 스타일 코드를 작성하는 내부 스타일 시트 3. 외부 스타일 테이블, "" 태그를 사용하여 참조되는 별도의 ".css" 파일에 스타일 코드 작성">
CSS 레이어 스타일 시트에는 세 가지 유형이 있습니다. 1. 스타일 속성을 사용하여 HTML 태그에 스타일을 쓰는 인라인 스타일 시트 2. "c9ccee2e6ea535a969eb3f532ad9fe89" 태그 쌍에 스타일 코드를 쓰는 내부 스타일 시트 3. 외부 스타일 시트, 별도의 ".css" 파일에 스타일 코드를 작성하고 "2cdf5bf648cf2f33323966d7f58a7f3f" 태그를 사용하여 참조
이 튜토리얼의 운영 환경: 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: 'Helvetica Neue', 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"는 파일 형식이 스타일 시트 텍스트
라는 의미입니다. 참고:
2. rel="stylesheet" type="text/css"는 고정된 작성 방식이므로 수정할 수 없습니다.
3. 2cdf5bf648cf2f33323966d7f58a7f3f 태그 위치는 일반적으로 93f0f5c25f18dab9d176bd4f6de5d30e 태그 내에 작성됩니다.
더 많은 프로그래밍 관련 지식을 보려면
프로그래밍 비디오를 방문하세요! !
위 내용은 CSS 레이어 스타일 시트의 유형은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!