CSS (Cascading Style Sheet) 개요

CSS (Cascading Style Sheet) 개요

1996년 W3C 에서 HTML의 제한된 기능을 추가적으로 처리하기 위해 개발

HTML - 웹페이지의 구조를 작성 (마네킹)

CSS 기존의 태그 위에 추가적인 스타일을 설정하여 보다 다양한 웹페이지 구현을 가능하게함

장점 - 홈페이지의 유지보수와 관리가 용이. 홈페이지에 통일성을 줌.

표 - 웹페이지마다 조금씩 다른 테두리 색을 지정

글꼴 - 다양한 글꼴 크기, 색상 지정

1. HTML 내에서 직접 작성

<head></head> 사이에 <style> 선언하고 내용 기술 한 다음 </style>기술 embed 형

<!-- 이곳에 스타일 테그를 적용합니다.--!>

2. CSS 파일을 HTML에서 호출하여 사용

웹프로그램에서 반복적으로 스타일시트를 사용할 경우 미리 분리하여 CSS파일을 작성하여 필요한 HTML에서 호출하여 사용하는것이 유지보수 측면에서 바람직하다.

방법 1- LINK를 이용한 호출

<LINK TYPE="TEXT/CSS"> HREF="가져올 CSS파일 경로 기술

방법 2 - @IMPORT를 이용한 호출

형식 <STYLE TEXT="TEXT/CSS">

@IMPORT URL(가져올 CSS 파일 기술) ; </STYLE>

CSS 문법 형식

형식

선택자 {속성:값} 또는 선택자 {속성:값;속성:값;,.....속성:값}

<style>

div{

font-family:궁서, Arial;

font-size:20pt;

font-weight:bolder;

background-color:blue;

}

</style>

</head>

에디터 사용

메모장 EDITPLUS 또는 나모, 드림위버 등의 편집기 탭을 눌러서 사용해도 무방

728x90

'자기 계발/CSS와 JAVA, HTML' Related Articles