HTML 헤더 파일에 CSS를 작성하는 방법: 1. ""를 통해 CSS를 소개합니다. 2. ""입니다.
이 문서의 운영 환경: Windows7 시스템, HTML5&&CSS3, Dell G3 컴퓨터.
헤더 파일
요소에는 모든 head 태그 요소가 포함됩니다.
요소에는 스크립트, 스타일 파일(CSS) 및 다양한 메타 정보를 삽입할 수 있습니다. 헤드 영역에 추가할 수 있는 요소 태그는
, ,<link>,<script>,<noscript>,<base>. <p><strong>html 헤더 파일에 CSS를 작성하는 방법은 무엇입니까? <p>1. 내부 스타일 시트 <p>내부 스타일 시트는 HTML 문서 <head>의 <style> 태그에 CSS 스타일 코드를 삽입합니다. <p><style>에는 type 속성 유형이 있고 그 뒤에 CSS 텍스트를 나타내는 test/css가 있습니다. 구문 형식은 다음과 같습니다. <pre class="brush:php;toolbar:false"><style type="text/css">
/*这里写CSS内容*/
</style></pre><p>특징: 단일 페이지 내의 CSS 코드가 통일되고 계획되어 있습니다. 관리하기 쉽지만 여러 페이지 사이에서 혼동되기 쉽습니다<p>예는 다음과 같습니다.<p><img src="https://img.php.cn/upload/image/161/115/647/1612664264676699.png" title="1612664264676699.png" alt="HTML 헤더 파일 CSS를 작성하는 방법"/><p>렌더링은 다음과 같습니다.<p><img src="https://img.php.cn/upload/image/699/321/555/1612664267905532.png" title="1612664267905532.png" alt="HTML 헤더 파일 CSS를 작성하는 방법"/><p>2. 외부 스타일 시트(권장)<p>외부 스타일 시트는 <link> 태그를 사용하여 외부 CSS 파일을 소개합니다. 일반적으로 링크 태그는 웹페이지의 <head> <p><link>내부의 속성에는 type, rel, href가 포함됩니다. Type은 text/css로 고정되고, rel(스타일시트)은 스타일시트로 고정되며, href는 당연히 CSS 파일의 주소를 나타냅니다. is: <pre class="brush:php;toolbar:false"><link type="text/css" rel="stylesheet" href="css文件的存放地址"></pre><p>샘플 코드는 다음과 같습니다: <p><img src="https://img.php.cn/upload/image/332/595/833/1612664272908966.png" title="1612664272908966.png" alt="HTML 헤더 파일 CSS를 작성하는 방법"/><p>web.css 콘텐츠는 <p><img src="https://img.php.cn/upload/image/349/692/183/1612664305394839.png" title="1612664305394839.png" alt="HTML 헤더 파일 CSS를 작성하는 방법"/><p>효과는 다음과 같습니다<p><img src="https://img.php.cn/upload/image/246/168/936/1612664311440445.png" title="1612664311440445.png" alt="HTML 헤더 파일 CSS를 작성하는 방법"/><p>권장: "<a href="https://www.php.cn/course/list/12.html" target="_blank">css 비디오 튜토리얼"<br/></script>
위 내용은 HTML 헤더 파일 CSS를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
