JAVAIARY

외부스타일시트 본문

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>

 

 

 

'lectureNote > CSS' 카테고리의 다른 글

목록 스타일  (0) 2022.10.06
목록 / 표 스타일  (0) 2022.10.03
글꼴 관련 스타일  (1) 2022.09.26
스타일시트의 선택자  (0) 2022.09.25
내부 스타일시트  (0) 2022.09.25