[CSS] 스타일 시트 작성 방법

1. <style> </style> 태그에 스타일 시트 작성

<style>
table { border: 1px solid black; }
</style>

1) <heaad> 태그 내에서 작성 가능

2) 여러번 작성이 가능, 스타일 시트가 합쳐 적용

3) 웹 페이지 전체에 적용

 

2. style속성에 스타일 시트 작성

: 해당 태그에만 스타일 적용

<p style = “color : megenta; font-size : 30px;”>

 

 

3. 외부스타일 시트 불러오기

: 스타일 시트 별도 저장 (.css) -> 필요시 <link> 태그, @import로 불러 사용

  (.css 파일은 <style>태그 없이 저장)

 

1) <link>태그 이용

<link href=“mystyle.css” type=“text/css” rel=“stylesheet”>

- href=“경로”

- type=“text/css” 불러오는 파일이 css언어로 작성된 텍스트 파일

- rel=“stylesheet” 불러오는 파일이 스타일 시트

- 가져오는 경우, 그 페이지에 있는 모든 css스타일이 적용됨

 

2) @import 이용

<style>
@import url(mystyle.css);
@import url(‘mystyle.css’);
@import url“mystyle.css”;
</style>

- <style>안에서 사용, 여러번 사용 가능