CSS2 박스모델 div 의 position 특성 박스모델 position 특성 웹 페이지 작성할 때, table 로 구획정리하지않고 div 로 구현한 후, css를 이용해서 조정하는 방법을 사용한다.근데, 위치 조정할 때마다 헷갈리고 그러네..ㅡ.ㅡ 요점만 간략히 정리해보면서 머리에 쏙 집어넣어야겠다. 소스작성은 대개... html 에서는 아래처럼 작성하고, hello css 에서 아래처럼 작성한다. .box1 { width: 100px; height: 200px; position: fixed; top: 10px; left: 10px;} 위 예에서 box1 에 position 속성으로 fixed 라는 것을 사용하고 위치를 top 10px, left 10px 라고 적었다.의미는??위치 정렬 기준이 fixed이고, 그걸 기준으로 할때 위에서, 왼쪽에서 각.. 2015. 7. 2. CSS margin, padding 한줄에 적을 때 순서 CSS margin과 padding 한줄에 적을 때 순서 css 에서 박스모델의 margin과 padding을 설정해줄때, 몇가지 방법이 있습니다. 첫째. 각각 다 지정해주는 방법 margin-top: 10px; margin-right: 20px; margin-bottom: 15px; margin-left: 5px; 혹은 margin: 10px 20px 15px 5px; 이때, 순서는 상우하좌 입니다. 시계방향으로 돌아가네요. 둘째. 상하의 margin 이 같고, 좌우의 margin 이 같을 때 margin: 10px 5px; 셋째. 좌우는 같은데, 상하가 다를 때 margin: 10px 5px 25px; 이때, 처음나오는 10px는 margin-top 의 값이고, 마지막에 나오는 25px는 margin.. 2013. 1. 9. 이전 1 다음