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

青灯夜游
풀어 주다: 2023-01-07 11:43:40
원래의
10450명이 탐색했습니다.

스타일 시트 CSS에는 세 가지 유형이 있습니다. 1. 스타일 속성을 통해 코드 줄 내의 태그에 CSS 스타일을 직접 배치하는 인라인 스타일 시트, 2. CSS 스타일을 "

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

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

하나 이상의 CSS 스타일이 스타일 시트를 형성할 수 있습니다. 스타일 시트에는 인라인 스타일 시트, 내부 스타일 시트, 외부 스타일 시트가 포함되며 모두 하나 이상의 스타일로 구성됩니다.

1. 인라인 스타일 시트

인라인 스타일은 CSS 스타일을 코드 줄 내의 태그에 직접 넣는 것입니다. 일반적으로 태그의 스타일 속성에 인라인 스타일이 직접 삽입됩니다. , 가장 직접적인 방법이지만 수정하기 가장 불편한 스타일이기도 합니다.

예:

<p style="background-color: #999900">行内元素,控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素,h2 标题元素</h2>
<p style="background-color: #999900">行内元素,控制段落-2</p>
<strong style="font-size:30px;">行内元素,strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素,div 块级元素</div>
<em style="font-size:2em;">行内元素,em 强调</em>
로그인 후 복사

2. 내부 스타일 시트

내부 스타일 시트는