-
CSS
-
Zappy (IP: *.181.245.111)조회 수: 27966, 2013-10-29 14:14:50(2006-07-29)
-
CSS
CSS를 따로 관리할때 사용되는 거...
<LINK REL=STYLESHEET TYPE = "text/css" HREF="/inc/bbsstylesheet.css">
A OPTION 링크걸린거 표현 예
A { color:navy; text-decoration:none}
A:hover {color:red;text-decoration:none}
a:link { text-decoration: none;color:000000;}
a:visited { text-decoration: none;color:111111;}
a:hover { text-decoration: underline;color:888888;}
BODY에서 스크롤제어 예
BODY
{font-size:9pt; font-family:굴림,tahoma,verdana;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;}
CSS에서 자주 사용되는 명령어들
font-size:9pt;
font-family:"굴림",tahoma,verdana;
color: #000077;
text-align: right;
font-weight: bold;
BACKGROUND-IMAGE: url(/img/line.gif);
background-color: "#F18DA9";
BORDER: #B3B3B3 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
BORDER-bottom: #ffffff 1px solid;
BORDER-left: #ffffff 1px solid;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
height:20;
width:70;
line-height:150% 줄간격
글꼴장식사용
text-decoration : 장식 글꼴 장식을 지정한다.(none,underline,overline,line-through,blink)
none : 장식 제거
underline : 밑줄
overline : 윗줄
line-through : 문자 중간에 선 첨가
blink : 문자 깜빡임
글씨굵기
font-weight : 굵기 글꼴의 굵기를 설정한다.
normal : 보통 글씨
bold : 굵은 글씨
lighter : 한단계 가는 폰트
bolder : 한단계 굵은 폰트
수치 : 100 ~ 900 (normal : 400, bold : 700에 해당)
font-style : (normal,italic,oblique)
글씨체사용
font-family : 글꼴 이름, 글꼴 이름, … 글꼴 종류를 지정할 때 사용한다.
serif : 명조체 (예 : Times New Roman, 바탕체)
sans-self : 고딕체 (예 : Helvetaca, Arial, 돋움체)
cursive : 필기체 계열 (예 : Caflisch Script, Adobe Poetica)
fantasy : 장식 글꼴 (예 : Critter, Cottonwood )
monospace : 고정 비례 폭 글꼴(예 : Courier New)
글꼴의 이름은 하나만 지정할 수도 있고 컴마(,)로 구분해서 여러 개를 한꺼번에 지정할 수도 있다. 여러 개를 지정할 경우는 지정되어 있는 글꼴 중 앞에서부터 시스템에 설치되어 있는 글꼴이 적용된다.
문자간격
Spacing
letter-spacing : 문자간격
text-indent : 문자 들여쓰기
line-height : 줄과 줄사이의 간격을 지정하기 위해 사용
word-spacing : 단어간격 문자와 문자간의 간격이나 단어와 단어의 간격을 설정할 때 사용한다.
normal : 표준 글자간격 설정 (Default)
실수값 + 단위 : 표준간격에서 늘어나거나 줄어들게 된다.
text-align속성으로 양쪽 정렬(justify)로 설정하면 지정한 결과가 나오지 않는 경우도 있다.
링크걸기
A:link { 스타일 } 보통상태의 링크를 의미한다.
A:visited { 스타일 } 이미 방문한 링크를 의미한다.
A:active { 스타일 } 클릭했을 때의 링크를 의미한다.
A:hover { 스타일 } 커서가 올라갔을 때의 링크를 의미한다.
여백주기
margin-top :여백 위쪽 여백을 설정할 때 사용한다.
margin-bottom :여백 아래쪽 여백을 설정할 때 사용한다.
margin-left :여백 왼쪽 여백을 설정할 때 사용한다.
margin-right :여백 오른쪽 여백을 설정할 때 사용한다.
margin:여백 상하좌우 여백을 설정할 때 사용한다.
적용 영역구분
TEXTAREA
TR
TD
INPUT
OPTION
SELECT
자주사용되는 글씨...
한글 | "굴림체","돋움체","바탕체","궁서체"
영어 | "Arial","tahoma","verdana","Impact","times","sans-serif","geneva","courier"
Filter
FILTER: shadow(color=navy,direction=135);
FILTER: glow(color=navy,direction=135);
writing-mode:tb-rl
글씨를 세우는 역활을 하는것 입니다.
<SPAN style="COLOR: white; FILTER: shadow(color=navy,direction=135); FONT-SIZE: 15pt; HEIGHT: 100%; WIDTH: 100%">글씨 디자인 tip</SPAN>
<SPAN style="COLOR: white; FILTER: glow(color=navy,direction=135); FONT-SIZE: 15pt; HEIGHT: 100%; WIDTH: 100%">글씨 디자인 tip</SPAN>
번호 | 제목 | 닉네임 | 조회 | 등록일 |
---|---|---|---|---|
44 | Zappy | 46582 | 2011-11-28 | |
43 | Zappy | 13913 | 2010-06-26 | |
42 | Zappy | 9893 | 2010-01-27 | |
41 | Zappy | 13598 | 2008-02-19 | |
40 | Zappy | 19286 | 2007-07-08 | |
39 | Zappy | 10042 | 2006-07-31 | |
38 | Zappy | 20206 | 2006-07-29 | |
⇒ | Zappy | 27966 | 2006-07-29 | |
36 | Zappy | 11592 | 2006-05-02 | |
35 | Zappy | 10593 | 2006-01-26 |