728x90
css 와 html 연결하기
css를 왜 적절히 사용해야 하는가에 대해 서 입니다
html 은 콘텐츠(내용)을 단순하게 나타내주고 css 로 프리젠테이션(꾸미기) 를 함으로서 요소 요소들의 속성과 값들을 css파일이나 코드를 수정함으로서 편리하게 수정이 용이하고 또 다른 문서에도 불러다 쓸 수 있는 재활용성도 높읍니다 문서 용량도 줄어 듬으로 인해 속도 향상되어지고 css는 웹 표준화를 지향 함으로 접근성 또한 향상됩니다
세가지 방법
1. Linking Style Sheet(외부 스타일 시트)
<head><link rel="stylesheet" type="text/css" href="style.css">
</head>html 문서의 와 사이에 구현하며 같은 폴더안에 저장 하여야 한다 하나의 css 파일로 여러 html문서를 컨트롤 할 수 있다
2. Internal Style Sheet(내부 스타일 시트)
<head>
<style>
<xxxxxxxxxxxxxxxxx>
</style>
</head>
<head>와 </head> 사이에 <style> 태그로 스타일 내용을 입력하는 방법입니다.
<style>
<xxxxxxxxxxxxxxxxx>
</style>
</head>
3. Inline Style Sheet(인라인 스타일 시트)
<p style="xxxxxx">Sample Text</p>
HTML 태그에 스타일 내용을 입력하는 방법입니다.본문도 지저분해지고, 여러 문서에 적용할 수 없습니다.
한두페이지의 HTML 문서를 만들 때에는 Internal Style Sheet나 Inline Style Sheet 방식을 사용해도 별 불편이 없지만, 여러 페이지의 문서를 만들 때에는 Linking Style Sheet 방식을 사용하는 게 좋습니다.
'my_lesson > _CSS3' 카테고리의 다른 글
| CSS border-radius 이해하기 (0) | 2014.08.15 |
|---|---|
| CSS3 lesson - 둥근 모서리 만들기[border-radius] (0) | 2013.11.24 |
| CSS3 lesson - css란? (0) | 2013.07.28 |
| 외부 스타일시트(External Style Sheet) 사용법 (0) | 2013.07.24 |
| [C] _ 구구단을 만들어보자 (0) | 2013.07.21 |
댓글