진리 블로그

댓글을 확인후 코딩이 잘못된 것을 확인후 다시 수정하여 올립니다 (2012.1.3)

일단 해상도에 따라 바뀌는 레이어를 고정하는 코딩의 예는 다음과 같습니다.

<div style="left:expression((document.body.clientWidth/2)-300);TOP:35px;POSITION:absolute;width:100;height:150;">

크기가 가로 100, 세로 150인 공간(?)을  어느 해상도든 정 가운데에서 좌측으로 300픽셀 위치인곳에 띄운다 라고 볼 수 있습니다.
설명이.. 좀 애매 했죠 자세히 설명 드리자면

left:expression((document.body.clientWidth/2)-300)
   : 왼쪽정렬인 전체 도큐먼트(프레임 화면을 말합니다)의 가로(width) 크기를 2로 나눈 값(즉 정 가운데 위치)에 -300를 한 값
     (즉, 해상도가 1024일 경우 (1024/2)-300 이니 좌측에서 212인 지점이겠군요)
     (만약 해상도가 1920이라면 (1920/2)-300 이니 660인 좌측에서 지점이겠군요)
TOP:35px
    : 위에서 35px만큼 밑으로 내려온 지점
width:100;height:150;
    : 이건 아시다시피 가로 100, 세로 150이란 얘기입니다.

가운데 정렬이 되어있는 웹싸이트에 따라다니는 메뉴나 오늘본 상품 등에 활용하면 좋겠군요~ 이상입니다!
지적해주신 이런님께 감사드립니다~ 늦게나마 수정합니다 ㅎㅎ;

<SCRIPT LANGUAGE="JavaScript">
<!--
function winPrint() {
window.print();
}
//-->
</SCRIPT> 
   

<input type=button onclick="winPrint()" value="화면인쇄">
<input type=button onclick="window.print()" value="화면인쇄">
<a href='javascript:window.print();'><img src="print.gif" border=0>
<a href='javascript:window.print();'>프린트</a>  

① a:link 링크가 걸려있을때

② a:visited 방문한링크

③ a:hover 마우스오버했을때 보여지는 것

④ a:active 마우스클릭하고땔때의 순간(잘사용하지않음)

※주의 1,2,3,4,번 순서대로 선언해야함

=====================================

폰트 em사이즈

※em쓸때주의 

#font {font-size:1em;} 1em크기의 글자가 보여진다

#font sanp {font-size:0.5em;} 부모font의 상속을 받아 1em x0.5em 보여진다.

※ 픽셀단위는 무조건 px크기만큼 보여진다. 상속을 받지 않는다.

CSS의 기본 문법은 선택자 {속성 : 값;}으로 이루어진다

CSS란?
Cascading Style Sheet(CSS)의 약자로 HTML문서를 보다 쉽고 편하게 작업할 수 있게 도와 준다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보안하기 위해 만드어진 것이 스타일 시트이고 스타일시트의 표준안이 바로 CSS 이다.
CSS를 이용하여 스타일을 미리 저장해 두면 그 스타일의 요소를 변경함으로 전체 페이지를 한번에 변경할 수 있기 때문에 HTML작업을 하는데 보다 작업시간을 단축시키고 일관성을 유지하여 작업 할 수 있다.

CSS의 사용
html페이지 속 CSS적용하기

외부 CSS파일 불러오기