CSS에 스타일 시트를 삽입하는 방법
- (*-*)浩원래의
- 2019-11-26 16:05:162450검색
스타일 시트를 삽입하는 방법
스타일 시트를 읽으면 브라우저는 이에 따라 HTML 문서의 형식을 지정합니다. 스타일 테이블을 삽입하는 방법에는 세 가지가 있습니다.
외부 스타일 테이블 (권장 학습: CSS 초급 튜토리얼 )
스타일을 여러 페이지에 적용해야 하는 경우 외부 스타일 테이블이 이상적입니다. 선택. 외부 스타일 시트를 사용하면 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다. 각 페이지는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 스타일 시트에 연결됩니다. (문서의) 헤드에 있는 2cdf5bf648cf2f33323966d7f58a7f3f 태그:
<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: 20px" 대신 "margin-left: 20px"를 사용하면 IE 6에서만 작동하고 Mozilla/Firefox 또는 Netscape에서는 작동하지 않습니다.
내부 스타일 시트
단일 문서에 특별한 스타일이 필요한 경우 내부 스타일 시트를 사용해야 합니다. 다음과 같이 c9ccee2e6ea535a969eb3f532ad9fe89 태그를 사용하여 내부 스타일 시트를 정의할 수 있습니다.
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>인라인 스타일
인라인 스타일은 프레젠테이션과 콘텐츠를 혼합하여 스타일 시트를 잃습니다. 많은 장점이 있습니다. 예를 들어 스타일을 요소에 한 번만 적용해야 하는 경우에는 이 접근 방식을 주의해서 사용하세요.
인라인 스타일을 사용하려면 해당 태그 내에서 스타일 속성을 사용해야 합니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 이 예에서는 단락의 색상과 왼쪽 여백을 변경하는 방법을 보여줍니다.
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
위 내용은 CSS에 스타일 시트를 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!