>웹 프론트엔드 >CSS 튜토리얼 >스타일은 무슨 뜻인가요?

스타일은 무슨 뜻인가요?

不言
不言원래의
2019-01-08 13:46:2843886검색

프런트엔드 지식을 학습할 때 스타일 속성을 자주 사용하는데, 스타일이란 무엇을 의미할까요? 이번 글에서는 스타일의 의미를 아래에서 구체적으로 살펴보겠습니다.

스타일은 무슨 뜻인가요?

c9ccee2e6ea535a969eb3f532ad9fe89 태그는 HTML 문서의 스타일 정보를 정의하는 데 사용됩니다. 브라우저에서 HTML 문서를 렌더링합니다.

type 속성은 필수이며 스타일 요소의 내용을 정의합니다. 유일하게 가능한 값은 "text/css"이며, 여기서 스타일 요소는 head 섹션에 있습니다.

간단히 CSS의 다양한 내용을 작성할 수 있고, 스타일 태그에 다양한 스타일의 CSS를 작성할 수 있습니다. 구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다#🎜 🎜#

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.test{
			height: 200px;
			width: 200px;
			background: skyblue;
		}
	</style>
</head>
<body>
<div class="test"></div>
</body>
</html>

실행 효과

스타일은 무슨 뜻인가요?

스타일에 너비와 높이가 200px이고 배경색이 하늘색인 사각형을 정의합니다.

style을 태그에 직접 사용할 수도 있습니다. 예시는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<div style="width: 200px;height: 200px;background: lightgreen;"></div>
</body>
</html>

효과는 다음과 같습니다. 너비와 높이가 200px인 사각형을 정의할 수도 있습니다. 밝은 녹색 배경색입니다.

스타일은 무슨 뜻인가요?

이 글은 여기에서 끝납니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트를 팔로우하세요! ! !

위 내용은 스타일은 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.