외부 CSS 정의 및 하나의 링크 방법
웹 브라우저가 웹 페이지를로드하면 나타나는 방식은 계단식 스타일 시트의 정보에 의해 결정됩니다. HTML 파일이 스타일 시트를 사용하는 데는 외부, 내부 및 인라인의 세 가지 방법이 있습니다.
내부 및 인라인 스타일 시트는 HTML 파일 자체에 저장됩니다. 그것들은 현재 작업하기 쉽지만 중앙 위치에 저장되지 않기 때문에 전체 웹 사이트의 스타일을 한 번에 쉽게 변경할 수는 없습니다. 대신에 각 항목으로 돌아가서 수동으로 변경해야합니다.
그러나 외부 스타일 시트를 사용하면 페이지를 렌더링하는 지침이 단일 파일에 저장되므로 전체 웹 사이트 또는 여러 요소에서 스타일을 쉽게 편집 할 수 있습니다. 이 파일은 .CSS 파일 확장명을 사용하며 HTML 문서에 해당 파일의 위치에 대한 링크가 포함되어 있으므로 웹 브라우저가 스타일 지정 지침을 찾을 위치를 알 수 있습니다.
하나 이상의 문서가 동일한 CSS 파일에 링크 될 수 있으며 웹 사이트에는 다양한 페이지, 표, 이미지 등을 스타일링하기위한 고유 한 CSS 파일이 많이있을 수 있습니다.
외부 스타일 시트에 연결하는 방법
특정 외부 스타일 시트를 사용하고자하는 모든 웹 페이지는 다음과 같이 섹션에서 CSS 파일로 링크해야합니다.
이 예제에서는 styles.css 텍스트 만 자신의 문서에 적용되도록 변경해야합니다. CSS 파일의 위치입니다.
파일이 실제로 styles.css 라고하고 링크 된 문서와 정확히 동일한 폴더에있는 경우 위에서 읽은 그대로 그대로 유지할 수 있습니다. 그러나 CSS 파일의 제목이 다른 것일 수 있습니다.이 경우 "스타일"에서 이름을 바꿀 수 있습니다.
CSS 파일이이 폴더의 루트가 아닌 하위 폴더에 있으면 대신 다음과 같이 읽을 수 있습니다.
외부 CSS 파일에 대한 추가 정보
외부 스타일 시트의 가장 큰 장점은 어떤 특정 페이지에 묶여 있지 않다는 것입니다. 스타일이 내부 또는 인라인으로 수행되는 경우 웹 사이트의 다른 페이지는 해당 스타일 지정 환경을 가리킬 수 없습니다.
그러나 외부 스타일링을 사용하면 웹 사이트의 모든 단일 페이지에 똑같은 CSS 파일을 사용할 수 있으므로 모든 CSS 파일을 동일한 모양으로 만들 수 있으며 전체 웹 사이트의 CSS 내용을 매우 쉽게 편집하고 중앙 집중식으로 편집 할 수 있습니다.
아래에서 어떻게 작동하는지 볼 수 있습니다 ...
내부 스타일링은 태그와 구별되어야하기 때문에