>  기사  >  웹 프론트엔드  >  CSS를 선언하는 방법은 무엇입니까?

CSS를 선언하는 방법은 무엇입니까?

王林
王林원래의
2020-11-27 11:09:223017검색

Css를 선언하는 방법에는 세 가지가 있습니다. 1. head 태그에서 스타일 태그 선언을 사용합니다. 2. 태그의 스타일 속성 선언을 사용합니다. 3. 외부에서 선언된 CSS를 도입하려면 head 태그에서 링크 태그를 사용합니다. 파일.

CSS를 선언하는 방법은 무엇입니까?

이 글의 환경: windows10, css3, 이 글은 모든 브랜드의 컴퓨터에 적용 가능합니다.

(동영상 공유 학습: css 동영상 튜토리얼)

css를 선언하는 방법에는 세 가지가 있습니다. 즉:

1 헤드 태그에 스타일 태그 선언을 사용합니다.

기능: 이 선언은 일반적으로 공개 스타일을 선언합니다. 또는 특정 태그에 별도의 스타일을 지정합니다

2. 태그의 스타일 속성을 사용하여 선언합니다.

기능: 이 선언은 CSS 스타일을 현재 태그에 직접 적용합니다.

3. 외부에서 선언된 CSS 파일을 도입하려면 헤드 태그의 링크 태그를 사용하세요.

기능: 이 선언은 호출과 동일하며, 서로 다른 웹 페이지 간의 스타일 재사용 문제를 해결합니다.

장점:

선언 한 번으로 어디서나 사용하세요

참고: 같은 페이지에서 서로 다른 선언 방법을 사용하는 것은 근접성의 원칙을 따릅니다.

예:

<!DOCTYPE html>
<html>
	<head>		
		<meta charset="utf-8">
		<title></title>
	<!--方式一声明-->
		<style type="text/css">
			hr{
				width: 100%;
				height: 50px;
				color: #000000;
				background: #808080;
			}
		</style>
		<!--方式三声明-->
		<link rel="stylesheet" type="text/css" href="my.css"/>
	</head>
			
	<body>
		测试声明方式一
		<hr > </hr>
		<!--方式二声明-->
		<h1 style="background: #151515;color: aqua;">测试声明方式二</h1>
		<h2>测试声明方式三</h2>
	</body>
</html>

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS를 선언하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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