본문 바로가기

DHTML/CSS/META

CSS 풍선 도움말 적용 소스 글씨에 마우스를 대면 나오는 설명글 만들기.. 1. head 에 삽입 2. body 에 삽입 마우스를 올려보세요 더보기
CSS 배경이미지 표현방법 CSS 배경이미지 표현방법 background-position 속성이란? 배경 그림을 지정할 때 특정 위치에 그림을 보여주고 싶을 경우 background-position 속성을 사용합니다. 정렬위치에 따라 수평 방향의 위치는 left, center, right가 있고 수직 방향은 top, center, bottom이 있습니다. 그 밖에 %로 위치를 지정할 수 있습니다. 다른 적용의 예) 더보기
CSS 스타일시트 활용 BODY에서 활용적인 소스 스타일시트 활용 더보기
CSS스크롤바 색상 바꾸기 스크롤바 색상 바꾸기  body {font-size:19pt; color:#0066CC; line-height:160%; background:url(images/fall.jpg) no-repeat fixed right bottom;     scrollbar-face-color:#FFFFFF;     /* 스크롤 막대와 버튼의 색 지정 */     scrollbar-shadow-color:#ACACAC;    /* 어둡게 비추는 부분의 색 지정 */     scrollbar-highlight-color:#ACACAC;    /* 밝게 비추는 부분의 색 지정 */     scrollbar-darkshadow-color:#FFFFFF;  /* 가장  어둡게 비추는 부분의 색 지정 */     scrollbar.. 더보기
스타일시트 (CSS 간단정리) 스타일시트 (CSS 간단정리) [font-style] 1. font-style: normal; 2. font-style: italic; 3. font-style: oblique; [font-weight] 1. "font-weight: normal;" 2. "font-weight: bold;" 3. "font-weight: bolder;" 4. "font-weight: lighter;" 5. "font-weight: 100" 6. "font-weight: 200" [font-size] 1. "font-size: 12pt;" 2 "font-size: 16px;" 3 "font-size: 0.86cm;" 4 "font-size: 8.6mm;" 5 "font-size: 0.34in;" 6 "font-size: .. 더보기
META 태크로 장면 전환 효과 연출하기 장면 전환 효과 연출하기 효과설정번호 효과설명 0 사각모양 바깥쪽→안쪽 1 사각모양 안쪽→바깥쪽 2 원형모양 바깥쪽→안쪽 3 사각모양 안쪽→바깥쪽 4 내용을 위→아래 5 내용을 아래→위 6 내용을 왼쪽→오른쪽 7 내용을 오른쪽→왼쪽 8 내용을 왼쪽→오른쪽 끊어서보여줌 9 내용을 오른쪽→왼쪽 끊어서 보여줌 10 내용을 왼쪽→오른쪽 타일모양 11 내용을 위쪽→아래쪽 타일모양 12 내용을 점찍듯 13 내용을 좌우에서 가운데 14 내용을 가운데에서 좌우 15 내용을 위아래에서 가운데 16 내용을 가운데에서 위아래 17 내용을 오른쪽 위에서 왼쪽 아래방향 18 내용을 오른쪽 아래 오른쪽 위방향 19 내용을 왼쪽위 오른쪽아래방향 20 내용을 왼쪽아래 오른쪽 위방향 21 내용을 가로방향으로 줄을 긋듯이 22 내용을 .. 더보기
META 태그의 유용한 기능 META 태그의 유용한 기능 - 웹브라우저의 캐시기능 무시하기 웹브라우저에서 캐시기능을 사용하면, 한번 방문했던 웹사이트의 정보를 저장하여 다음 방문시 해당 웹문서가 빨리 나타날수 있도록 하는데, 간혹 캐시 기능때문에 변경된 웹사이트가 나타나지 않고 이전 웹 사이트가 나타나는 경우가 있습니다. 이때 태그의 속성중 'content' 속성을 사용하면 웹 브라우저 캐시 기능이 설정 되어 있다고 하더라도 전에 저장된 웹사이트가 나타나지 않고, 서버에 항상 접속하여야만 웹페이지를 가질수 있도록 할수 있다. - 시간을 설정하여 자동으로 페이지 이동하기 웹사이트 운영하다 계정을 옮겨야 하는 경우 기존 방문자들에게 알리는 방법중에하나이다. 대기시간은 초 단위로 입력하고 URL에는 이동할 웹사이트나 웹문서를 지정하면 된다. 더보기