>  기사  >  웹 프론트엔드  >  웹페이지에 CSS를 연결하는 방법

웹페이지에 CSS를 연결하는 방법

PHPz
PHPz원래의
2023-04-13 10:48:032040검색

웹 디자인에 있어서 CSS(스타일 시트)는 반드시 마스터해야 할 기술 중 하나입니다. CSS 파일을 연결하는 것은 웹 디자인에서 일반적인 작업입니다. CSS를 연결하는 방법을 알아 보겠습니다.

먼저 CSS 파일을 준비해야 합니다. CSS 파일은 일반적으로 .css 접미사를 가지며 CSS 스타일 규칙을 포함합니다. 텍스트 편집기나 CSS 편집기를 사용하여 CSS 파일을 작성할 수 있습니다. 다음은 간단한 CSS 파일 예입니다.

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}

위의 CSS 스타일 규칙은 웹 페이지의 배경색과 제목 색상을 설정합니다. 다음으로 스타일이 웹 콘텐츠에 적용될 수 있도록 이 CSS 파일을 HTML 문서와 연결해야 합니다.

CSS 파일을 연결하는 방법에는 내부 스타일과 외부 스타일의 두 가지가 있습니다.

내부 스타일

내부 스타일은 HTML 태그의