가상클랙스 링크 걸 경우 순서대로 작성해야만 적용 됩니다 /*가상클랙스 링크 걸 경우*/ a{color:red;} a:link{color:blue; text-decoration:none;} /*링크요소에 색상을 블루로 바꾸고 언더라인을 없애다*/ a:hover{color:yellow;} /*링크요소에 마우스를 갖다대면 노란색으로 바뀐다*/ a:visited{color:green;} /*링크요소에 방문한 사이트 폰트색이 녹색으로 바뀐다*/ a:active{color:aqua;}/*링크요소에 마우스로 누르고 있는 순간 폰트 색상이 바뀐다*/ a:focus{background-color:yellow;}/*탭키로 이동시 선택된 폰트에 색상이 바뀐다*/ 더보기 overflow:hidden; 플룻요소의 컨텐츠가 들어 있을 경우, 플룻을 해제하기 위해 컨텐츠를 감싼 부분에 overflow:hidden이 쓰이기도 하는데, 컨텐츠의 크기가 유동적이라면 문제가 생길수 밖에 없습니다. 그 때 이 방법을 사용하는 겁니다. 또한 같은 맥락으로 사파리 브라우저에서 overflow:hidden 요소 땜에 컨텐츠가 밖으로 튀어나가는 오류를 해결할때도 사용합니다. class{zoom:1} class:after{content:".";display:block;font-size:0;height:0px;line-height:0;clear:both} 더보기 img 태그에 width와 height 속성이 필요한 이유 출처 : http://blog.wystan.net/2007/08/01/img-tag-with-width-and-height 앞서 포스팅한 HTML Transitional과 Strict 규격 비교라는 글에서 엄격한 문서 타입(Strict DTD)에서는 ‘표현(presentation)’을 담당하던 속성들이 대부분 사라졌다고 알려드린 바 있습니다. 하지만 일부 태그에는 여전히 표현을 나타내는 속성이 남아있는데 그 중의 하나가 img와 object 태그에 사용되는 width, height 속성입니다. W3C가 이 속성들을 삭제하지 않은 이유를 이미지의 가로와 세로 크기를 지정하는 것이 페이지 로딩 속도 향상에 도움이 되기 때문이라고 설명하기도 합니다. 하지만 그런 효과는 부수적으로 얻어지는 것이고, 해당 속성이.. 더보기 이전 1 ··· 76 77 78 79 80 81 82 ··· 99 다음