mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
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스타일을 직접 지정할 수도 있습니다.

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>



CSS에 대한 더 자세한 설명: ▶▶ 컴퓨터용어] HTML의 CSS 란? CSS 파일이란? - Cascading Style Sheets

CSS 클래스 정의 방법: ▶▶ [HTML-CSS] 클래스(class) 정의하기; class 사용법 기초




tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top