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

 
Previous Post 2차원 배열 출력 소스; C언어 이차원 배열 출력, Java에서C언어 2차원 배열 0으로 초기화 예제 소스인물 사진 촬영에 좋은 디카는? Portrait CameraC언어에서 문자열에 null 문자 입력 방법; 널문자 출력C언어에서 종료 함수는? 프로그램 중단시키는 방법; exit returnbzip2 디렉토리 압축하기 방법은? bz2 폴더 압축 풀기 명령어캐논 필카용 렌즈, 캐논 디카와 호환 여부; Canon EOS DSLR Lens숫자 무작위 생성; 윈도우 도스창에서; DOS 랜덤 Random디카로 찍은 사진을 아래한글, 아래아 한글에 붙이는 법; HWP JPG파일 다운로드 한꺼번에 받는 방법은? Download All

CSS 적용 방법, CSS 태그는?

Tuesday, August 21, 2007

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 사용법 기초


0 Comments:

Post a Comment

<< Home RSS 2.0 feed

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