[css 사용법 3] HTML 태그에 스타일 선언하기

VNote 2013.12.09 10:58:56

:: html 태그를 이용한 스타일시트 선언

 

스타일을 선언하는 방법은 여러가지 방법이 있습니다.

여러 방법중 html 에서 자주 사용하는 태그에 스타일을 선언할 수 있고,,

스타일을 선언한 태그를 사용하면 선언한 속성이 바로 적용이 됩니다.

 

html 태그 : body, p,b,h1,h2, table, td, img, input, form 등 아주 많음.

많이 사용하는 태그로는 div, span, p, b, table, tr, td 등이 있습니다.

 

html 태그에 스타일(css)을 선언한다는 말은 본래의 html 태그 기능을 확장 또는 변형한다는 의미입니다.

그러면 어떻게 사용이 되는지 확인해볼까요?

(html 태그를 모르면 이해가 어려울 수도 있음)

 

아래 내용은 img, div, span, td 태그 에 스타일을 선언하는 예제입니다.

하나의 예제일뿐 모든 html 태그에 이와 같은 스타일을 선언할 수 있습니다.

  1. <style type="text/css"
  2. img { bordernone; }   
  3. div {  font-family"새굴림","돋움","굴림","굴림체" ; font-size9pt; }   
  4. span {  font-family"새굴림","돋움","굴림","굴림체" ; font-size9pt; }   
  5. td {  font-family"돋움","돋움체","굴림","굴림체" ; font-size9pt; }   
  6. </style>  
  7.  

     * font-family : 여러종류의 폰트를 지정할때 사용하는 속성으로 제일 처음에 적어준 폰트로 화면에 표시가 되나 이용자PC에 첫번째 적어준 폰트가 없는경우 두번째 적어준 폰트가, 그것도 없으면 세번째 적어준 폰트를 대체하여 화면에 표시되도록 하는 속성임.

     

사용은 그냥 html 사용하는것과 동일합니다.

태그를 사용하면 위에서 지정한 스타일이 자동으로 적용됩니다.

 

예제는 이전 글의 p태그, b태그 사용법과 동일합니다.