이 글에서는 주로 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>
1 . 인라인 스타일 시트
2. 내부 스타일 시트
3. 자세히 설명하면 다음과 같습니다.
1. 이를 사용하는 태그(Tag)에 작성됩니다. ,태그에 사용되는
구문은<p style font-size:20pt>这段文字使用了内嵌样式表,更改了字体大小为20</p>
<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>
내부 스타일 시트를 정의할 때 앞서