개인적으로 자주 쓰게되는 CSS/ JavsScript 코드모음

1. 이미지를 가운데 정렬 

2. 특정 엘리먼트를 상하좌우 정렬할때

3. 둥근사각형 만들때 

4. 특정 DIV 를 토글시킬때

1. 이미지를 가운데 정렬 

<img src = "excel.gif" style="vertical-align:middle" >

2. 특정 엘리먼트를 상하좌우 정렬할때

<img src = "excel.gif" style="margin-top:2px;">

3. 둥근사각형 만들때 

<style type="text/css">

.balloon{

display: block;

    background-color:white;

    border:1px solid #808080;

    border-radius:6px;

    -moz-border-radius:3px;

    -webkit-border-radius:6px;    

    padding:2px 5px;

}

</style>

<div id = "BUY_PRODUCT" class = balloon style="width:230px;height:23px;text-align:center;vertical-align:middle;float:left;">

4. 특정 DIV 를 토글시킬때

function ToggleDetailSearch()

{

var nDetailState =  document.getElementById('detailSearch').style.display;

if ( nDetailState == "none" )

{

document.getElementById('detailSearch').style.display = 'block';

}

else

{

document.getElementById('detailSearch').style.display = 'none';

}

}