[CSS] clearfix CSS .pinkbox {width:324px;padding:5px;} .redbox {float:left;width:150px;height:60px;padding:5px;} .bluebox {float:right;width:150px;height:130px;padding:5px;} HTML redbox bluebox 위와 같은 코드가 있다고 하면, 실제로 웹 브라우저에서는 아래와 같이 보인다. redbox bluebox (ie6에서는 감싸는 것처럼 보입니다.) 겉에 있는 핫핑크의 박스가 두 박스를 감싸지 못한다. 이것을 해결하려면 아래와 같은 방법이 있다. 1. redbox와 bluebox의 아래쪽에 div를 하나 더 만들어서 clear:both;를 넣어 주는 방법. 2. pinkbox에도 float:.. 더보기 [CSS] 글 문단, 태그 재정의/Embeding, lnline, Class 스타일시트 1. 글 문단과 관련된 스타일 시트 스타일명 기본형식 예제 설명 bgcolor bgcolor:색상명/16진수 색상 코드 ex) bgcolor:#cccccc 글자의 배경 부분에 적용할 색상명이나 16진수 색상 코드를 정의합니다. color color:색상명/16진수 색상 코드 ex) color:#cccccc 글자에 색상명이나 16진수 색상 코드로 정의한 색상을 정의합니다. font-family font-family : 글꼴1, 글꼴2, 글꼴3 ... ex) font-family:돋움, serif, garamond 글꼴 군을 지정합니다. 처음 글꼴이 없을 경우 차례대로 다음 글꼬을 찾아 적용함 font-size font-size : 글꼴 크기와 단위 ex) font-size:9pt 글꼴의 크기와 .. 더보기 [CSS] HTML 링크에 밑줄 없애기 - 소 스 - 링크에 밑줄 없애기 a:link { color: red; text-decoration: none;} a:visited { color: black; text-decoration: none;} a:hover { color: blue; text-decoration: underline;} - 해 석 - style 소스의 type = text를 제어하는 css로 한다. a:link : 클릭하지 않은 링크 a:visited : 한번 클릭했던 혹은 다녀갔던 링크 a:hover : 링크를 클릭하려고 마우스를 가져갔을 때 decoration : 밑줄 none : 없는 상태 underline : 있는 상태 a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태 더보기 이전 1 다음