>웹 프론트엔드 >프런트엔드 Q&A >HTML을 CSS에 연결하는 방법

HTML을 CSS에 연결하는 방법

PHPz
PHPz원래의
2023-04-27 16:38:316354검색

HTML과 CSS는 프런트 엔드 기술의 중요한 구성 요소입니다. 이들의 협력은 페이지의 모양과 상호 작용 경험을 향상시키는 데 도움이 될 수 있습니다. 이 기사에서는 페이지 스타일 제어를 달성하기 위해 HTML을 CSS와 연결하는 방법을 소개합니다.

1. HTML 및 CSS에 대하여

HTML은 웹페이지의 기본 구조로, 웹페이지의 콘텐츠, 레이아웃, 태그 및 링크를 정의합니다. CSS는 집의 장식으로 이해될 수 있는 스타일 시트로 웹 페이지의 모양, 레이아웃 및 색상을 제어합니다.

2. HTML에 CSS 추가

HTML 문서에 CSS 스타일 시트를 추가하는 방법에는 내부 스타일과 외부 스타일이 있습니다.

  1. 내부 스타일

내부 스타일은 <를 추가합니다. HTML 문서의 태그와 태그 사이에 CSS 스타일 코드를 작성합니다. 예:

<html>
<head>
<title>My Website</title>
<style>
body {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
}
h1 {
  color: #333333;
}
</style>
</head>
<body>
<h1>Welcome to my website</h1>
<p>This is the home page of my website</p>
</body>
</html>

위 코드에서