인라인을 사용하여 CSS 스타일 시트를 도입하는 방법
- 青灯夜游원래의
- 2021-04-06 11:54:5813861검색
소개 방법: HTML 문서의 "93f0f5c25f18dab9d176bd4f6de5d30e" 헤드 태그에 CSS 코드를 작성하고 "c9ccee2e6ea535a969eb3f532ad9fe89" 태그로 정의합니다. 구문 형식은 "93f0f5c25f18dab9d176bd4f6de5d30eb1f9ea4e53fed784825d83cc6fefa9cdselector{property:property value;}531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1".
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS는 웹페이지 스타일을 수정하는 데 사용됩니다. 그러나 CSS로 수정한 스타일이 작동하려면 html 파일에 CSS 스타일 시트를 도입해야 합니다. 스타일 시트를 도입하는 세 가지 일반적인 방법, 즉 인라인 링크, 임베디드 링크, 외부 링크가 있습니다. 다음 글에서는 임베디드에 대해 자세히 소개하겠습니다.
CSS inline
Inline은 HTML 문서의 93f0f5c25f18dab9d176bd4f6de5d30e 헤더 태그에 CSS 코드를 작성하고 이를 c9ccee2e6ea535a969eb3f532ad9fe89 태그로 정의하는 것입니다.
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>이 구문에서 c9ccee2e6ea535a969eb3f532ad9fe89 태그는 일반적으로 93f0f5c25f18dab9d176bd4f6de5d30e 태그의 b2386ffb911b14667cb8f0f91ea547a7 뒤에 위치하지만 HTML 문서의 어느 곳에나 위치할 수도 있습니다. 하지만 브라우저는 코드를 위에서 아래로 파싱하기 때문에 CSS 코드를 헤드에 넣어 미리 다운로드해 파싱하면 웹페이지 콘텐츠를 다운로드한 후 스타일 수정이 부족해 발생하는 당황스러움을 피할 수 있다. (학습 동영상 공유: css 동영상 튜토리얼)
동시에 type 속성 값을 "text/css"로 설정해야 브라우저가 c9ccee2e6ea535a969eb3f532ad9fe89 태그에 CSS 코드가 포함되어 있음을 알 수 있습니다. c9ccee2e6ea535a969eb3f532ad9fe89 태그에는 JavaScript 코드와 같은 다른 코드도 포함될 수 있습니다.
<head>
<title>内嵌式引入CSS样式表</title>
<style type="text/css">
h2{text-align:center;}
p{font-size:16px;color:red;text-decoration:underline;}
</style>
</head>
<body>
<h2>内嵌式CSS样式</h2>
<p>使用style标记可定义内嵌式CSS样式表，style标记一般位于head头部标记中，title标记之后。</p>
</body>인라인 CSS 스타일은 자신이 위치한 HTML 페이지에만 유효합니다. 따라서 한 페이지만 디자인할 때는 인라인을 사용하는 것이 좋습니다. 하지만 웹 사이트를 사용하는 경우에는 CSS 코드 재사용을 최대한 활용할 수 없으므로 이 방법을 사용하지 않는 것이 좋습니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !
위 내용은 인라인을 사용하여 CSS 스타일 시트를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!