[HTML #23] 외부 스타일 시트로 여러문서에 적용하기

안녕하세요 모빌리티입니다.

 

CSS를 외부 스타일 시트로 적용을

하게되면 한 문서가 아니라

여러문서에서 동시에 적용이

가능해 집니다.

 

 

만약 3개의 글을 작성을

해야 하는데 작성한

형식을 달리할 필요가 없음에도

매번 똑같은 스타일을 적용하기

위해서 내부에다 스타일속성을

넣어야 할까요?

 

링크를 사용하기 전에

CSS 파일을 생성해 놓아야 겠지요?

메모장에 아래와 같이 넣어 놓고

저장을 *.CSS로 해 줍니다.

 

h2 {font-family:궁서; color:blue}
p {font-size:15pt; font-weight:bold}

글씨체는 궁서체이며, 색상은 파란색으로지정

폰트 사이즈는 15폰트이며 굵게 표시로 지정하였습니다.

 

예제파일

exstyle.css

외부CSS.html

 

<HTML>

  <HEAD>
     <TITLE> 링크 방식</TITLE>
   <link rel="stylesheet" type="text/css" href="exstyle.css">

  </HEAD>

    <BODY topmargin="50">
      <H2>안녕하세요</H2>
      <P>모빌리티입니다.</P>
      <H2>오늘은 CSS에 대해서</H2>
      <p>배우고 계십니다.</P>
    </BODY>

</HTML>

 

 

 


이미 만들어진 CSS속성을 불러와서

적용한 것인데요 이렇게 하면

CSS를 일일이 넣지 않고

어떻게 적용할지만 미리 정해 놓고

그 스타일대로 불러와서 적용이 가능합니다.

 

2017/06/26 - [컴퓨터$/HTML] - [HTML #21] CSS란

2017/06/27 - [컴퓨터$/HTML] - [HTML #22] CSS 인라인 방식

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

빈 하트를 채워주세요.


그리드형

'IT' 카테고리의 다른 글

[HTML #24] 이미지나 글자를 투명하게  (0) 2017.06.29
[추천앱] 매일상식 - 하루 3개씩  (0) 2017.06.28
[HTML #22] CSS 인라인 방식  (0) 2017.06.27
[어린이 교육앱] 재미있는 음식 2  (0) 2017.06.26
[HTML #21] CSS란  (0) 2017.06.26

이 글을 공유하기

댓글

Designed by JB FACTORY