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 파일은 

-유지 보수 하기 용이하다