외부스타일시트

lectureNote/CSS

shiherlis 2022. 9. 25. 12:24

선택자를 이용해 작성해 놓은 스타일 시트를 .css파일로 저장하여

원하는 html문서에 불러와서 적용할 수 있는 기능

- 내용과 스타일을 분리하여 데이터 관리가 쉬워짐
- 동일한 스타일을 여러 페이지에 적용할 때 유용

h1 {
  color : navy;
  font-size : 3.5em;
  font-style: oblique;
}

h1: 선택자
color: 속성
navy: 속성값

.css 파일에 저장한 내용

<head>
  <link href="2.externalStyleSheet.css" rel ="stylesheet">
  link href = "경로/파일명" rel = "연결해주는 파일의 유형"
</head>