HTML 17강 CSS 사용

|
 



안녕하세요 오늘은 HTML 17강으로 CSS사용법을 알려드리겠습니다.

그 중에서 style 속성 사용하기와 CSS파일 만들어서 사용하기에 대해서 알려드리도록 하겠습니다.




  

html17 from Lee Jun Ho on Vimeo.


<style 속성 사용하기, CSS파일 만들어서 사용하기>




2). style 속성 사용하기
ex)
<body style="font-size:19pt; font-family : 굴림;">
<td style="font-size : 10pt; font-family : 휴먼매직체;">이름</td>

-----> 위의 소스는 html 태그에 직접 css를 삽입함으로써 특정부분에 설정을 하고 있다.




3). CSS 파일을 만들어서 사용하기

ex)
< css파일 >
body
{
font-size : 20pt;
font-family : 휴먼매직체;
color : #003366;
}
td
{
font-size : 20pt;
font-family : 휴먼매직체;
background-color : #99cc99
}

< 다른 페이지에 삽입하는 방법 >
<head>
<link rel="stylesheet type=text/css" href="css.css">
</head>



Trackback 0 And Comment 4

Trackback http://www.imlcc.com/trackback/19 관련글 쓰기

  1. 2009/10/16 12:10 address edit & del reply

    비밀댓글입니다

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/16 17:13 address edit & del

      안녕하세요 크레어님.....

      제가 크레어님이 작성하신 소스를 분석한 결과 잘못된 것은 없었습니다....하지만 익스플로러에선 제대로 작동하지 않더군요...
      그래서 크롬이나 파이어폭스 같은 다른 웹브라우저에서 작동을 시켜보니 잘 작동하였습니다....

      http://vonzone.webkebi.co.kr/imlcc/question/browser/firefox.jpg


      http://vonzone.webkebi.co.kr/imlcc/question/browser/chrome.jpg
      마이크로소프트의 익스플로러는 이상하게도 CSS가 작동하지 않을 때가 있습니다....죄송하지만 저도 정확한 원인은 잘 모르겠습니다....

      일단 크롬이나 파이어폭스 같은 다른 웹브라우저를 다운 받으시고 설치하신다음에 크레어님의 html파일을 실행시키면 잘 작동헐 겁니다....

      CSS는 웹표준과 관련해서 요즘 많이 중요해지고 있습니다..혹시 CSS에 관심이 있으시면 CSS강의를 참고해주시기 바랍니다...

      http://www.imlcc.com/category/CSS

      사실 html 강의에서 한 CSS강의는 어떻게 보면 일종의 꼼수라고 볼 수 있는데요....CSS를 제대로 배우시려면 따로 공부를 하시는게 좋습니다...^^

  2. 크레어 2009/10/16 22:23 address edit & del reply

    빠른 답변 감사드려요..

    크롬이나 파이어폭스 모두에서 실행시켜봤는데 왜 한글이 깨져서 나오죠?

    그리고, 익스플로러가 css를 작동안할 때도 있다면, css를 이용해서 웹사이트 제작할 때
    많은이들이 사용하는 익스플로러로 웹페이지를 못 볼 수도 있네요?

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/16 22:44 address edit & del

      물론 익스플로러로 CSS 로 만든 홈페이지를 볼 수도 있습니다...

      제가 말씀드린 것은 제가 html 강의에서 한 CSS강의는 일종의 꼼수
      이기 때문에 익스플로러7.0 에서 작동을 안할 때도 있다는 것이죠..

      따라서 CSS를 제대로 공부한 다음 웹 표준을 지키면서 작업을 해야 모든 웹브라우저에서 홈페이지가 잘 보인다는 것입니다...

      제가 html 강의에서 한 CSS 강의는 CSS에 대한 이해를 위해 간단하게 설명만 드린 것입니다...CSS 사용법의 정석으로 볼 수는 없다는 것이죠..따라서 CSS를 잘 사용하기 위해선 CSS공부를 하셔야 합니다...그러면 모든 웹브라우저에서도 홈페이지가 잘 보이실 겁니다....

      그런데 한글이 깨지는 이유는 저도 잘 모르겠네요...앞에 답변에서 제가 건 링크를 보시면 아시겠지만 전 한글이 깨지지 않고 잘 나왔었거든요...

prev | 1 ... | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 ... | 199 | next