CSS에 대한 것도 많이 알아봐야 하겠지만 사정상 많은 강의를 하진 못합니다.
하지만 기본적으로 아주 많이 사용하는 중요한 사항들은 다 알려드리겠습니다.
혹시 더 알고 싶으신분은 댓글을 달아주세요..^^
그럼 강의를 더 올리도록 하겠습니다.
<css 이론 강의>
<head 에 정의하기>
html16.pptx<강의 내용>
1. CSS(Cascading Style Sheet)
CSS는 HTML 의 한계를 극복하기 위해 탄생되었다. 디자인 측면에서 HTML이 갖는 한계성을 극복하고 정교한 설정과 화려한 효과를 주기 위해 만들어진 것이다.
가장 큰 장점은 페이지에 주는 글자의 크기나 글꼴 등 여러 효과들을 효율적으로 관리를 할 수 있다는 것이다. 즉, 한꺼번에 페이지 전체에 걸쳐서 효과를 줄 수 있기 때문에 시간도 단축이되고 페이지를 일관성 있게 작성할 수 있다.
2.CSS를 HTML에 삽입하는 방법
1). 문서의 HEAD에 정의하기
2). 스타일 속성 사용하기
3). css파일을 만들어서 사용하기
1). 문서의 HEAD에 정의하기
ex)
<head>
<title>CSS 실습</title>
<style type="text/css">
<!--
body
{
font-size : 15pt;
font-family : 굴림;
color : #99cc99;
}
td
{
font-size : 9pt;
font-family : 굴림;
color : #003366;
}
-->
CSS는 HTML 의 한계를 극복하기 위해 탄생되었다. 디자인 측면에서 HTML이 갖는 한계성을 극복하고 정교한 설정과 화려한 효과를 주기 위해 만들어진 것이다.
가장 큰 장점은 페이지에 주는 글자의 크기나 글꼴 등 여러 효과들을 효율적으로 관리를 할 수 있다는 것이다. 즉, 한꺼번에 페이지 전체에 걸쳐서 효과를 줄 수 있기 때문에 시간도 단축이되고 페이지를 일관성 있게 작성할 수 있다.
2.CSS를 HTML에 삽입하는 방법
1). 문서의 HEAD에 정의하기
2). 스타일 속성 사용하기
3). css파일을 만들어서 사용하기
1). 문서의 HEAD에 정의하기
ex)
<head>
<title>CSS 실습</title>
<style type="text/css">
<!--
body
{
font-size : 15pt;
font-family : 굴림;
color : #99cc99;
}
td
{
font-size : 9pt;
font-family : 굴림;
color : #003366;
}
-->
</style>
</head>
------> 위의 소스는 head 안에 css를 정의함으로써 <body></body>, <td></td> 사이에 들어가는 글자들의 크기와 글꼴, 색깔을 한꺼번에 설정하고 있다.
------> 위의 소스는 head 안에 css를 정의함으로써 <body></body>, <td></td> 사이에 들어가는 글자들의 크기와 글꼴, 색깔을 한꺼번에 설정하고 있다.
'웹제작 강의 > HTML' 카테고리의 다른 글
| HTML 20강 (마지막 강의) FRAME 3분할 (18) | 2009/04/23 |
|---|---|
| HTML 19강 FRAME (4) | 2009/04/23 |
| HTML 18강 CSS 응용하기 (4) | 2009/04/23 |
| HTML 17강 CSS 사용 (4) | 2009/04/23 |
| HTML 16강 - CSS란 무엇인가? - (1) | 2009/04/23 |
| HTML 15-2강 - 자신의 미니홈피 만들기(3) - (2) | 2009/04/23 |
| HTML 15-1강 자신의 미니홈피 만들기(2) (0) | 2009/04/23 |
| HTML 15강 - 자신의 미니홈피 만들기 - (14) | 2009/04/23 |
| HTML 14강 table ( rowspan, colspan) (12) | 2009/04/04 |
| HTML 13강 table에 효과주기 (6) | 2009/04/04 |
| HTML 12강 table (6) | 2009/04/04 |
Trackback 0 And
Comment 1
Trackback http://www.imlcc.com/trackback/18
-
Hotpack 2011/01/12 02:29
어느새 여기까지 왔네요^
강의 잘 듣고 있습니다^
