html 스타일 태그는 무엇을 의미하나요? 스타일 태그 사용법에 대한 자세한 설명-HTML 튜토리얼-php.cn

이 글에서는 주로 HTML 스타일 태그의 정의와 속성 소개에 대해 설명합니다. 먼저 HTML에서 스타일 태그의 몇 가지 용도와 위치를 이해한 다음, 사용되는 몇 가지 방법과 세부 기술을 살펴보겠습니다.

html 스타일 태그 태그 사용:

together

예를 들어 태그 10개가 모두 같은 클래스라면 인라인 스타일로 태그 10개를 작성하고 스타일로 하나만 작성하면 됩니다.

이제 모두 구조(html), 스타일(css), 동작(js)을 분리하는 디자인 패턴입니다

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>

로그인 후 복사

스타일 태그는 CSS 스타일 시트에서의 위치에 따라 세 가지 유형으로 구분됩니다.

1 . 인라인 스타일 시트

2. 내부 스타일 시트

3. 자세히 설명하면 다음과 같습니다.

1. 이를 사용하는 태그(Tag)에 작성됩니다. ,

태그에 사용되는

구문은

<p style font-size:20pt>这段文字使用了内嵌样式表，更改了字体大小为20</p>

로그인 후 복사

2입니다. 내부 스타일 시트는 인라인 스타일 시트와 다르며, 이는 html 웹 페이지이므로 이 페이지 전체에 유효합니다. 특정 태그에는 작성되지 않기 때문에 작성 시 주의가 필요하며, 해당 태그에 이 스타일 시트를 사용하려면 정의할 때에도 명확하게 작성해야 합니다. 페이지 전체가 혼란스러워집니다. 예를 들면 다음과 같습니다.

<html>
<head>
p.mylayout <style type="text/css">{font-size:22pt; color:blue; border-width:1px; border:double; text-align:center; }</style></head>
<body> 
<p class="mylayout">这段文字使用了样式表</p>
<p>这段文字没有使用样式表</p>
</body>
</html>

로그인 후 복사

내부 스타일 시트를 정의할 때 앞서