CSS에 표를 삽입하는 방법: [] 태그를 사용하여 문서 헤드에 내부 스타일 시트를 정의합니다. 코드는 [<styletype="text/css"> :시에나;}]. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202103/21/2021032118122241747.jpg" alt="CSS에 테이블을 삽입하는 방법" ></p> <p>이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터. </p> <p><strong>CSS에 테이블을 삽입하는 방법: </strong></p> <p>스타일을 여러 페이지에 적용해야 하는 경우 외부 스타일 시트가 이상적인 선택이 될 것입니다. 외부 스타일 시트를 사용하면 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다. 각 페이지는 <link> 태그를 사용하여 스타일 시트에 연결됩니다. <link> 태그는 문서의 머리 부분에 있습니다. </p> <p> </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <head> <linkrel="stylesheet"type="text/css"href="mystyle.css"/> </head></pre><div class="contentsignin">로그인 후 복사</div></div><p> </p><p> 브라우저는 mystyle.css 파일에서 스타일 선언을 읽고 이에 따라 문서의 형식을 지정합니다. </p><p></p><p> 외부 스타일 시트는 모든 텍스트 편집기에서 편집할 수 있습니다. 파일에는 html 태그가 포함될 수 없습니다. 스타일 시트는 .css 확장자로 저장해야 합니다. 다음은 스타일 시트 파일의 예입니다. </p><p> </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> hr{color:sienna;} p{margin-left:20px;} body{background-image:url("images/back40.gif");}</pre><div class="contentsignin">로그인 후 복사</div></div><p> </p><p> 속성 값과 단위 사이에 공백을 두지 마십시오. "margin-left:20px" 대신 "margin-left:20px"를 사용하면 IE6에서만 작동하지만 Mozilla/Firefox 또는 Netscape에서는 제대로 작동하지 않습니다. </p><p> </p><p> 내부 스타일 시트 </p><p> </p><p> 단일 문서에 특별한 스타일이 필요한 경우 내부 스타일 시트를 사용해야 합니다. 다음과 같이 <style> 태그를 사용하여 문서 헤드에 내부 스타일 시트를 정의할 수 있습니다. 이렇게 하면 스타일 시트의 많은 장점이 제거됩니다. 예를 들어 스타일을 요소에 한 번만 적용해야 하는 경우에는 이 접근 방식을 주의해서 사용하세요. </p><p> </p><p> 인라인 스타일을 사용하려면 해당 태그 내에서 style 속성을 사용해야 합니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 이 예에서는 단락의 색상과 왼쪽 여백을 변경하는 방법을 보여줍니다. </p><p> </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <head> <styletype="text/css"> hr{color:sienna;} p{margin-left:20px;} body{background-image:url("images/back40.gif");} 로그인 후 복사 권장 관련 튜토리얼: CSS 비디오 튜토리얼
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
