• CSS
  • Zappy (IP: *.181.245.111)
    조회 수: 27919, 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>

댓글 0

번호 제목 닉네임 조회  등록일 
44 [레벨:18]Zappy 46543 2011-11-28
43 [레벨:18]Zappy 13862 2010-06-26
42 Zappy 9861 2010-01-27
41 Zappy 13563 2008-02-19
40 Zappy 19251 2007-07-08
39 Zappy 10004 2006-07-31
38 Zappy 20187 2006-07-29
CSS
Zappy 27919 2006-07-29
36 Zappy 11523 2006-05-02
35 Zappy 10536 2006-01-26
XE Login