IE6, IE7에서 display:inline-block을 사용하면 block 요소로 인식합니다. 이때 다음과 같은 핵을 쓰면 해결할 수 있습니다. div{display:inline-block;*display:inline; zoom:1;}

:before, :after은 CSS의 가상 요소입니다. CSS3에서는 ::before, ::after로 사용합니다. 예제<a href="#">1111</a> <a href="#">222</a> <a href="#">333</a>미리보기 1111 222 333여기에 :before 혹은 :after를 이용해서 각 항목을 구분할 수 있는 디자인을 만들 수 있습니다.예제 1 - af..

CSS3에 추가된 text-shadow 속성은 텍스트에 그림자 효과를 표시합니다. text-shadow text-shadow: (오른쪽) (아래) (블러) (색상); 지원 브라우저 IE8 이하를 제외한 대부분의 브라우저에서 지원합니다. 미리보기 예제 1 Text-Shadow 1 <p id="shadow_1">Text-Shadow</p> #shadow_1 {text-shadow:1px 1px #ccc;} 예제 2 Text-S..

CSS3에 추가된 box-shadow 속성은 박스에 그림자 효과를 표시합니다. box-shadow box-shadow: [inset] (오른쪽 위치) (아래 위치) (블러) (색상); 지원 브라우저 IE8 이하를 제외한 대부분의 브라우저에서 지원합니다. 미리보기 기본 box-shadow 1 <div id="shadow_1">Text-Shadow 2</div> #shadow_1 {box-shadow: -10px 10px 1..

출처 : http://www.w3schools.com/css/css_boxmodel.asp  모든 HTML 요소는 박스로 생각하면 됩니다. CSS에서디자인과 레이아웃 얘기를 할 때, 용어 '박스 모델"이 사용됩니다. 박스 모델은 우리가 다른 요소와 관련 요소와 공간 요소 주위에 테두리를 삽입하실 수 있습니다.아래의 이미지는 상자 모델을 보여줍니다 Width(너비)와 Height(높이)는 어떻게 정해질까? ..

background-color : 배경색 지정 배경색을 지정하는 속성입니다. 색상 이름이나 코드 값을 넣을 수 있습니다. 예제) body {background-color:#eeeeee;} #wincomi {background-color:skyblue} background-image : 배경 이미지 지정 배경 이미지를 지정하는 속성입니다. 이미지 경로를 입력하시면 됩니다. 이미지 경로는 url(“~~”)로 입력합니다..

혹시 예전에는 폰트를 설정하려면 이렇게 쓰시지 않으셨나요? <font size="10">Font 속성</font>   물론 이렇게 쓰셔도 되지만, 웹 표준에 맞지 않습니다. CSS 기초 강좌 5강 - Font 속성 : 글자 제어 1. 글자 크기를 설정하는 속성 font-size:x x에는... pt - 글자크기를 포인트 단위로 표시 1포인트는 1/72인지이며 가장 많이 사용되는 단위 em..