HTML에서 CSS의 세 가지 링크 방법을 1분 안에 이해하세요-HTML 튜토리얼-php.cn

HTML에서 CSS의 세 가지 링크 방법을 1분 안에 이해하세요

烟雨青岚

풀어 주다： 2020-07-06 13:17:38

앞으로

3621명이 탐색했습니다.

HTML에서 CSS의 세 가지 링크 방법을 1분 안에 이해하세요

HTML의 CSS에는 세 가지 연결 방법이 있습니다. 그 세 가지가 무엇인지 아시나요? CSS 텍스트의 세 가지 연결 방법은 인라인 정의, 내부 CSS에 연결, 외부 CSS에 연결하는 방법입니다.

CSS 텍스트를 연결하는 방법에는 인라인 정의, 내부 CSS에 연결, 외부 CSS에 연결하는 세 가지 방법이 있습니다.

1.코드는

<html>
	<head>
		<title>内联定义</title>
	</head>
	<body>
		<p style="border:2px solid #000000">内联定义</p>
		<p style="color:red">内联定义</p>
		<p style="font-size:12px">内联定义</p>
	</body></html>

로그인 후 복사

2.코드는

<html>
	<head>
		<title>链入内部css</title>
		<style type="text/css">
			#myid
			{
				width:200px;
				height:300px;
				color:red;
			}
			.myclass
			{
				width:200px;
				height:300px;
				color:red;
			}
		</style>
	</head>
	<body>
		<p id="myid">链入内部css</p>
		<p class="myclass">链入内部css</p>
		
	</body></html>

로그인 후 복사

3.코드는

<html>
	<head>
		<title>链入外部css</title>
		<link type="text/css" rel="stylesheet" href="style.css"/>
	</head>
	<body>
		<p id="p1">链入外部css</p>
		<p id="p2">链入外部css</p>
		<p class="p3">链入外部css</p>
	</body></html>

로그인 후 복사

코드 3의 style.css는 html 파일과 같은 폴더에 있습니다.

코드는 :

#p1{
	border:2px;
	color:red;}
 #p2{
	border:2px;
	color:blue;}
 .p3{
	border:2px;
	color:red;}

로그인 후 복사

CSS에서 수업 앞에 #

을 추가해야 합니다. 이 기사는 https://blog.csdn.net/weixin_43670802/article/details/94174581

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

HTML에서 CSS의 세 가지 링크 방법을 1분 안에 이해하세요