외부에서 파일을 불러다가 쓰는 방식은 import방식과 external 방식 두가지가 있다. import방식은 예전 구식 버전의 익스플로에서도 잘 돌아가지만 external은 최근 버전에서만 돌아간다는 점이 특징이다. 사용방법도 은근히 간단하다.
일단 CSS파일 하나를 만들고 거기다가 h1,h2,h3의 색깔을 변경하는 소스를 작성한다. 다음으로 간단하게 h1, h2, h3 태그를 만들고 내용을 적어준다. 그리고!!
제일 중요한것... 파일을 불러와야 할거 아닌가....
그래서 head에 style 태그를 만들어주고 거기다가 적어야 할것!!
일단 import부터 해보자 요로콤 적어보자. 고로면 다음과 같은 결과를 얻을 것이니.. style 내부에 색 설정을 해두지 않았는데 외부 파일을 import 함으로써 색이 변경이 되었네요 ㅎㅎ
자 그러면 다음에 external를 알아보도록 합시다.
import과는 다르게 링크를 걸어서 href를 통해서 파일을 읽어들인다.
요로콤하게... 고럼 결과는?? 색깔이 변경되서 나온다.(위에꺼랑 똑같이 나왔다고 스샷복사한거 아니냐고 물어보지 마시길....제대로 나온거 맞아요 ㅠㅠ)
일단 CSS파일 하나를 만들고 거기다가 h1,h2,h3의 색깔을 변경하는 소스를 작성한다. 다음으로 간단하게 h1, h2, h3 태그를 만들고 내용을 적어준다. 그리고!!
제일 중요한것... 파일을 불러와야 할거 아닌가....
그래서 head에 style 태그를 만들어주고 거기다가 적어야 할것!!
일단 import부터 해보자 요로콤 적어보자. 고로면 다음과 같은 결과를 얻을 것이니.. style 내부에 색 설정을 해두지 않았는데 외부 파일을 import 함으로써 색이 변경이 되었네요 ㅎㅎ
자 그러면 다음에 external를 알아보도록 합시다.
import과는 다르게 링크를 걸어서 href를 통해서 파일을 읽어들인다.
요로콤하게... 고럼 결과는?? 색깔이 변경되서 나온다.(위에꺼랑 똑같이 나왔다고 스샷복사한거 아니냐고 물어보지 마시길....제대로 나온거 맞아요 ㅠㅠ)
'HTML/CSS' 카테고리의 다른 글
html 기본적으로 자주 쓰이는 tag 모음. (0) | 2011.10.28 |
---|---|
HTML List에 대해.. (0) | 2011.10.28 |
CSS 시작하기. Day1 (0) | 2011.10.28 |