홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
추천음악방송메인홈1대1상담음악방송청취
뽕짝아가씨(무료음악채널)
okTrot(무료음악채널)
전통가요(무료음악채널)

온라이브스토어(앱다운로드)

환상의뽕짝파티 무료음악
명작트로트메들리 무료음악
트로트메들리관광 무료음악
동영상노래방
가사검색

POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
스타일 시트를 배우자 - 개념과 사용법 && 폰트 관련 속성
홈페이지홈페이지 15년 전
스타일 시트가 필요한 가장 큰 이유는 웹페이지를 보다 깔끔하고 보기 좋게 꾸며 가독성이 높은 문서를 작성하는데 있다.
스타일 시트의 가장큰 장점을 든다면 같은 스타일의 문단이 반복적으로 사용될 경우 작업의 속도를 향상시키고 웹 페이지의 용량을 줄일 수 있다는데 있다.
또한 글자의 크기 자간과 행간을 마음대로 조절할 수 있으며 하이퍼 링크의 형태를 다양화 시킬 수 있다.
그 외에도 여러가지 기능이 있지만 생략 하도록 하자..
아무튼 스타일 시트는 현재와 앞으로 웹 페이지를 작성하면서 몰라서는 안됄 부분의 하나이다.

스타일 시트를 선언하는 방법은 3가지가 있다.

첫번째는 <head>와 </head>사이에 넣는 방법이다.
아래 예제와 같이 사용한다.
<html>
<head>
<title>스타일 시트 선언하기</title>
<STYLE TYPE="text/css"> [스타일 시트의 시작을 의미한다]
<!--
선택자 스타일 속성1:속성의 값; 스타일 속성2:속성의 갑; ...
//-->
</STYLE>[스타일 시트의 끝을 의미한다]
</head>
<body>
본문내용
</body>

두번째는 HTML태그 내에 삽입하여 선언한다.
<태그 style="스타일 속성1:속성의 값; 스타일 속성2:속성의 값;..">....</태그>

세번째는 외부파일을 이용하여 선언한다.
스타일 시트의 외부 파일의 이름은 확장자가 CSS인 파일을 사용한다.
사용법은 <head>와 </head>사이에 넣는다.
<html>
<head>
<title>스타일 시트 선언하기</title>
<link rel="StyleSheet" HREF="스타일파일의 경로/스타일파일의 이름.css" type="text/css">
<body>
본문내용
</body>

CSS란 Cascading Style Sheet의 약자로서 웹 페이지 제작에 사용되는 HTML의 한계를 보안하기 위해 W3C에서 발표한 것이다.
1바이트 문자인 영어의 경우에는 글자의 여백을 주는 등의 효과를 따로 설정할 필요가 없지만 한글과 같은 2바이트의 문자에는 이것이 불가능하다
따라서 이런 2바이트의 문장의 한계를 보안하기 위해서 생겨난 것이 바로 CSS라 할 수 있다.

########################################################################################################
폰트 관련 속성

font-family

값..............c:windowsfonts 디렉토리에 있는 폰트 이름
설명......화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다.

예제......P{font-family:Courier New}
기타......만일 윈도우 시스템에 굴림체가 없다면 Arial로 대체 하라는 의미로 다음과 같이 사용할 수도 있다. 참고로, 이것은 제작자의 시스템에는 해당 폰트가 있으나, 다른 사람들의 컴퓨터에는 폰트가 없을 시 아주 유용하게  쓰인다.
               P{font-family:굴림,Arial}

font-style

값...........normal,italic,oblique
설명......화면에 나타나는 글씨의 모양, 즉 이탤릭으로 나타낼 것이냐 아니면 오를리크로 나타낼 것이냐를 설정한다.
예제......H1{font-style:italic}  

font-weight

값...........normal,bold,border,lighter,100,200,300,400,500,600,700,800,900
설명......글씨의 굵기 설정.일반적인 폰트는 normal 또는 bold만을 지원한다.
예제......H2{font-weight:bold}  

font-size

값..........절대값-포인트(pt),센티미터(cm),픽셀(px),인치(in)
         상대값- larger,smaller
         퍼센트 값 등
설명......글씨의 크기를 설정한다.
예제......H3{font-size:9pt}
추천추천 : 214 추천 목록
번호 제목
1,318
 구글(Google)검색에서 고급연산자를 이용하여 많은 정보를 얻는 방법
1,317
 프로그램 없이 하드디스크 복사 및 백업하기
1,316
 Windows7 업데이트 기록 삭제방법
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
1,314
 윈도 10 최신 업데이트 후 인터넷 속도의 저하가 발생할 때 조치 사항
1,313
 Autotuning level 해제 (윈도우비스타 이상 윈도우)인터넷 속도 빠르게 하는 방법
1,312
 윈도우에서 특정프로세스를 일괄 종료하는법
1,311
 MediaPlayer 클래스 사용법
1,310
 안드로이드에서 audio player 실행하기
1,309
 [Android] MediaPlayer 음악재생기 만들기
1,308
 Eclipse와 Android NDK 연동하기
1,307
 Android Sliding Drawer Functionality 안드로이드 슬라이딩 드로우 예제 sample
1,306
 Android Speech To Text
1,305
 Android WebPageLoader with progress-bar
1,304
 Android Text To Speech(TTS)
1,303
 Android Playing Audio from a web url
1,302
 Button height different from background height in Android image design
1,301
 Android Getting Started with Material Design
1,300
 Using toast inside timertask perfect
1,299
 네트워크 상태 [Android]
1,298
 Webview source [Android]
1,297
 공유 Intent [Android]
1,296
 intent uri 모음 [Android]
1,295
 http requestWebViewClient [Android]
1,294
 캐시 삭제
1,293
 캐시 지우기 [Android]
1,292
 바로풀어(수학 문제 질의응답 SNS) 에 사용된 오픈소스 라이브러리 [Android]
1,291
 Webviw [Android]
1,290
 오픈소스 라이브러리 모음 [Android]
1,289
 Android webview 개발시 알아둬야 할 것들 [Android]
1,288
 webview 동영상 재생 [Android]
1,287
 [Android] Webview 404 에러 처리
1,286
 [Android] webview ssl 문제
1,285
 [Android] Webview url 숨기기
1,284
 [Android] AlarmManager 일정시간 이벤트 실행
목록
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
세월따라노래따라
가슴시린트로트
트로트쌍쌍파티
7080추억속으로
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.