> 웹 프론트엔드 > CSS 튜토리얼 > CSS 스타일 시트 및 다양한 스타일 우선순위 소개

CSS 스타일 시트 및 다양한 스타일 우선순위 소개

王林
풀어 주다: 2020-05-30 16:11:25
원래의
2879명이 탐색했습니다.

CSS 스타일 시트 및 다양한 스타일 우선순위 소개

스타일 시트를 삽입하는 방법은 다음과 같습니다.

2. 내부 스타일 시트

외부 스타일 시트

스타일 시트의 경우 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다. 각 페이지는 태그를 사용하여 스타일 시트에 연결됩니다. 태그는 문서의 헤드에 있습니다. 예제는 다음과 같습니다.

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
로그인 후 복사

브라우저는 mystyle.css 파일에서 스타일 선언을 읽고 이에 따라 문서 형식을 지정합니다.

외부 스타일 시트는 모든 텍스트 편집기에서 편집할 수 있습니다. 파일에는 html 태그가 포함될 수 없습니다. 스타일 시트는 .css 확장자로 저장해야 합니다. 다음은 스타일 시트 파일의 예입니다.

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
로그인 후 복사

참고: 속성 값과 단위 사이에 공백을 두지 마십시오(예: "margin-left: 20 px"). 올바른 표기는 "margin-"입니다. 왼쪽: 20px" .

(동영상 튜토리얼 추천: css 동영상 튜토리얼)

내부 스타일 시트

한 문서에 특별한 스타일이 필요한 경우 내부 스타일 시트를 사용해야 합니다.