블럭의 테두리를 둥글게.. Nifty Cube Web 2.0 디자인의 특징 중 하나가 둥근 모서리 처리라고 합니다. 하지만 IE나 FireFox등의 웹 브라우저에서 CSS Level 3가 아직 지원되지 않아서 9개의 DIV(Division) 혹은 3x3의 테이블을 만들어 이미지로 처리하는것이 대체적이었습니다. 그 와중에 웹 표준이 강조되면서 지저분한 코드가 문제가 되기도 했습니다. 그 와중에 2005년 4월에 Nifty Corners가 나오면서 모든 문제가 사라졌습니다. 불필요한 마크업과 이미지를 필요로 하지 않아 둥근 모서리를 표현하기 위해 제일 많이 사용되는 라이브러리가 아닐까 생각합니다. 그 1년이 지나 Nifty Cube라는 이름의 종 버전으로 공개되었습니다. 기존 버전에서의 개별 로딩 방식과 복잡한 함수 호출 부분의 단순화와 추가적인 기능, 전체적인 최적화가 주 변경사항입니다. Nifty Cube 예제 ..

형식: filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; 예) #mm { filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }

형식: filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; 예) #mm { filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }

1. 글꼴 관련 스타일 속성 (1) font-size : 수치 ; => 글꼴의 크기 조절 (2) font-family : 글꼴명 ; => 글꼴 타입 조절 (3) font-weight : nomal / bold / 100~900 ; => 글꼴의 굵기 조절 (4) font-style : normal / italic ; => 글꼴의 기울임 조절 (5) color : 색상명 또는 색상코드 ; => 글꼴 색상 조절 2. 글꼴 크기 단위 (1) pt(포인트) => 주로 사용됨. (2)px(픽셀) (3) pc(파이카) => (1파이카=12포인트) (4) in(인치) => (1인치=2.54cm) (5) cm(센티미터) => (1cm=10mm) (6) em => 영문 글꼴 높이를 1em (7) ex => 영문소문자 x 글꼴 높이를 1ex (8) % => 상위 글꼴을 기준으로 비례함. 3. 글꼴에 장식 효과 스타일 text-decoration : 값 ; ※ 값의 종류 : none / underline / overline(윗줄) / line-through(취소선) / blink(NE) 4. 하이퍼 링크 스타일 (1)a : link => 열어보지 않은 링크 스타일 (2)a : visited => 열어본 링크 스타일 (3)a : active => 링크를 클릭..

1. 글꼴 관련 스타일 속성 (1) font-size : 수치 ; => 글꼴의 크기 조절 (2) font-family : 글꼴명 ; => 글꼴 타입 조절 (3) font-weight : nomal / bold / 100~900 ; => 글꼴의 굵기 조절 (4) font-style : normal / italic ; => 글꼴의 기울임 조절 (5) color : 색상명 또는 색상코드 ; => 글꼴 색상 조절 2. 글꼴 크기 단위 (1) pt(포인트) => 주로 사용됨. (2)px(픽셀) (3) pc(파이카) => (1파이카=12포인트) (4) in(인치) => (1인치=2.54cm) (5) cm(센티미터) => (1cm=10mm) (6) em => 영문 글꼴 높이를 1em (7) ex => 영문소문자 x 글꼴 높이를 1ex (8) % => 상위 글꼴을 기준으로 비례함. 3. 글꼴에 장식 효과 스타일 text-decoration : 값 ; ※ 값의 종류 : none / underline / overline(윗줄) / line-through(취소선) / blink(NE) 4. 하이퍼 링크 스타일 (1)a : link => 열어보지 않은 링크 스타일 (2)a : visited => 열어본 링크 스타일 (3)a : active => 링크를 클릭..

폰트받으러가기 : http://yoonfont.co.kr/2008SS/ - 위에 써있는 싸이트로 들어가셔서 다운받으신 후, 압축파일을 풀어주세요. 압축파일을 푸시면 Setup파일이 나옵니다. Setup파일을 더블클릭하셔서 설치를 해주시면 됩니다. 설치 완료 후, 제어판-글꼴에 "한글상상체"가 있는지 확인해보세요~ 윤디자인연구소에서 한글기념으로 무료배포한 입니다. 윤디자인연구소에서 한글자 디자인 이벤트를 통해 만들어진 작품입니다. 여러분도 써보시면 아시겠지만, 글자마다 서체가 틀려져서 귀여우면서도 독특함이 묻어나는 서체입니다. Mac서체는 지원이 불가능한걸로 알고 있습니다. 서체를 받으시려고 하시는 분은 위에 URL을 통해서 다운받으시면 됩니다.

폰트받으러가기 : http://yoonfont.co.kr/2008SS/ - 위에 써있는 싸이트로 들어가셔서 다운받으신 후, 압축파일을 풀어주세요. 압축파일을 푸시면 Setup파일이 나옵니다. Setup파일을 더블클릭하셔서 설치를 해주시면 됩니다. 설치 완료 후, 제어판-글꼴에 "한글상상체"가 있는지 확인해보세요~ 윤디자인연구소에서 한글기념으로 무료배포한 입니다. 윤디자인연구소에서 한글자 디자인 이벤트를 통해 만들어진 작품입니다. 여러분도 써보시면 아시겠지만, 글자마다 서체가 틀려져서 귀여우면서도 독특함이 묻어나는 서체입니다. Mac서체는 지원이 불가능한걸로 알고 있습니다. 서체를 받으시려고 하시는 분은 위에 URL을 통해서 다운받으시면 됩니다.