외부 스타일 시트 및 포함 된 CSS 스타일 시트
외부 스타일 시트를 포함 된 스타일 시트와 다른 몇 가지 사항이 있습니다.

임베디드 스타일 시트
이전 학습서에서 임베디드 CSS 스타일 시트의 예제를 보았고 임베디드 스타일 시트의 기본 CSS 코드가 태그로 시작하고 끝나는 것을 배웠습니다. 이 태그 안에는 각 선택자와 해당 속성 값 쌍으로 구성된 CSS 코드가 있습니다. 마지막으로 내장 스타일이 웹 페이지의 헤드 섹션에 배치됩니다.





외부 스타일 시트
외부 스타일 시트는 시작 및 끝 태그가 없기 때문에 약간 다릅니다. 실제로 주석 및 @import 문을 제외하고 HTML 태그를 가질 수 없습니다. 기본적으로 CSS 코드 만 포함 된 텍스트 파일입니다.


본문 {배경색 : #ffffff}

p {글꼴 크기 : 12pt; 색상 : # 000000; 텍스트 정렬 : 가운데}

외부 스타일 시트의 이름을 원하는대로 지정할 수 있지만 CSS 코드의 목적을 반영하는 파일 이름을 지정하는 것이 좋습니다. 예를 들어 웹 페이지의 메뉴 링크 스타일을 제어하는 ​​CSS 코드를 menu.css라고합니다. 선택 사항이지만 외부 스타일 시트에 .css 확장자를 사용해야합니다.

외부 스타일 시트를 만든 후에는 헤드 섹션에 태그 또는 @import 문을 배치하여 모든 웹 페이지에서 사용할 수 있습니다.





비디오 지침: HTML - 표2 :구조 (할 수있다 2024).