HTML
css 인라인 스타일 ,내부 스타일 , 외부 스타일
이상욱1
2015. 9. 6. 04:53
인라인 스타일 - 한 줄 짜리 짤막한 스타일 을 뜻합니다
- 태그에 직접 스타일을 지정할 때 손쉽게 이용합니다
- html 과 섞여 있으므로 인라인 스타일을 많이 작성할 경우 나중에 어느곳에 있는지 알아내기 어렵습니다 따라서 유지 , 보수 면에서 볼때 가급적 사용을 자제 하는게 좋다
- 주의 할점은 인라인 스타일을 지정한 해당 태그만 효과 가 있으므로 예로 같은 p 태그라고 해도 인라인 스타일을 먹인 p태그만 먹히고 나머지는 안먹힌다 .
내부 스타일 시트 - html 파일 안에 별도 영역으로 스타일 정의를 해놓습니다 일반적으로 <head> </head> 안에 style, dpfflajsxmfmf tkdydgkqslek
- < style > 태그를 사용해서 지정
-html 그 한파일 안에서만 지정한 태그가 먹힌다
기본적인 문법 구조는
<style type='text/css'>
h1
{
font-size:25px;
}
</style>
와 같은 식이다
외부스타일시트 -- 정의를 한 .css 파일로 빼놓은다
--하나의 css 로 여러개의 html 페이지 적용하여 사용하고자 할때
-<link> 태그로 연결 해준다 css 파일은
-유지 보수 하기 용이하다