집 > 기사 > 웹 프론트엔드 > html5의 스타일 사용법은 무엇입니까

html5의 스타일 사용법은 무엇입니까

사용법: 1. HTML 문서의 포함된 스타일을 지정하는 데 사용되며 구문은 ""입니다. 2. HTML 문서의 인라인 스타일을 지정하는 데 사용됩니다. 요소, 이 속성은 모든 전역 스타일 설정을 재정의하며 구문은 ""입니다.

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

html5의 스타일 사용법은 무엇인가요?

1. HTML 문서의 스타일 정보를 정의하는 데 사용됩니다.

스타일에서는 HTML 문서가 브라우저에서 렌더링되는 방식을 지정할 수 있습니다.

type 속성은 필수이며 스타일 요소의 내용을 정의합니다. 유일하게 가능한 값은 "text/css"입니다.

스타일 요소는 헤드 섹션에 있습니다.

속성 유형 값은 text/css이며 스타일 시트의 MIME 유형을 지정합니다.

예제는 다음과 같습니다.

<html>
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>

출력 결과:

html5의 스타일 사용법은 무엇입니까

2 요소의 인라인 스타일을 지정하는 데 사용됩니다.

style 속성은 요소의 인라인 스타일을 지정합니다.

style 속성은 재정의됩니다.

Syntax

<element style="value">

style_definition 세미콜론으로 구분된 하나 이상의 CSS 속성 및 값.

예제는 다음과 같습니다.

<html>
<body>
<h1 style="color:blue">This is a header</h1>
<p style="color:red">This is a paragraph.</p>
</body>
</html>

출력 결과:

html5의 스타일 사용법은 무엇입니까

추천 튜토리얼: "html video tutorial"

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

성명：