Tuesday, August 21, 2007
CSS 적용 방법, CSS 태그는?
HTML 웹페이지에서 CSS 스타일시트를 적용하려면 아래 박스 속의 예제처럼, <head> 태그 속에 있는
<style type="text/css">...</style>
이런 스타일 태그 속에 CSS 클래스를 정의한 후, 페이지 본문에서
<span class="us-italic">ABCDEFG Cool Boy</span>
이런 식으로 호출하여 사용합니다.
또는 아래 예제 코드 속의
<body style="background-color:yellow">
이런 곳처럼, 특정 HTML태그 속에 style이라는 속성을 이용하여 CSS스타일을 직접 지정할 수도 있습니다.
예제 웹페이지 파일명: example.html
CSS에 대한 더 자세한 설명: ▶▶ 컴퓨터용어] HTML의 CSS 란? CSS 파일이란? - Cascading Style Sheets
CSS 클래스 정의 방법: ▶▶ [HTML-CSS] 클래스(class) 정의하기; class 사용법 기초
<style type="text/css">...</style>
이런 스타일 태그 속에 CSS 클래스를 정의한 후, 페이지 본문에서
<span class="us-italic">ABCDEFG Cool Boy</span>
이런 식으로 호출하여 사용합니다.
또는 아래 예제 코드 속의
<body style="background-color:yellow">
이런 곳처럼, 특정 HTML태그 속에 style이라는 속성을 이용하여 CSS스타일을 직접 지정할 수도 있습니다.
CSS스타일시트 사용법 예제
예제 웹페이지 파일명: example.html
<html>
<head>
<title>여기에 페이지 제목 입력</title>
<style type="text/css">
.us-italic { font-family:'Georgia', serif; font-style:italic }
</style>
</head>
<body style="background-color:yellow">
<span class="us-italic">ABCDEFG Cool Boy</span>
</body>
</html>
<head>
<title>여기에 페이지 제목 입력</title>
<style type="text/css">
.us-italic { font-family:'Georgia', serif; font-style:italic }
</style>
</head>
<body style="background-color:yellow">
<span class="us-italic">ABCDEFG Cool Boy</span>
</body>
</html>
CSS에 대한 더 자세한 설명: ▶▶ 컴퓨터용어] HTML의 CSS 란? CSS 파일이란? - Cascading Style Sheets
CSS 클래스 정의 방법: ▶▶ [HTML-CSS] 클래스(class) 정의하기; class 사용법 기초
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home