개발노예 코드와 일상

:hover = 마우스 오버했을시 javscript보다 자연스럽고 편함 , 

:after = 안에 내용물을 float시켰을때 따로 높이값 안주고 구간잡을때

- ex) .list_wrap:after { display:block; visibility:hidden; clear:both; content:"" }

animation  => 애니메이션, 간단한 애니메이션 작업해줄때사용 (복잡해지면 부자연스러움)

.box {animation:animate_background 3s linear;}

@keyframes animate_background {

 0% {margin-top:0px}

 100% {margin-top:0}

}

:focus, :active = > 보통 a링크 클릭할때, 활성화되있을때

a:focus, a:active {color:#fff}

:first-child, :last-child => 순서에따른 하위 자식 스타일, ( 브라우저 버전타는경우도있는듯 )

프린트 기능을 사용할때

출력버튼까지 출력되버리면 신경쓰이는 경우가있더라

출력버튼을 눌렀을때 적용시키는 css 다

@media print {
        .print {display: none}
    }

반응형이나 모바일페이지 코딩할때 쓰던 미디어쿼리로 프린트 시에도 사용할수있다

나름 간단하게 처리되긴하는데

프린트할때 스타일을 다시 다줘야하는게 좀 귀찮긴 하더라