line-height 와 height를 동일하게 하면 됨
(주의 두줄일때 안된다고함)
'CSS 및 반응형웹' 카테고리의 다른 글
| 미디어 쿼리 예 (0) | 2013.08.26 |
|---|---|
| CSS class 두개 추가하는 방법 (0) | 2013.08.09 |
| css 레이아웃잡기 (0) | 2013.05.08 |
'CSS 및 반응형웹'에 해당되는 글 4건
- 2014.01.11 DIV 세로로 가운데 정렬[한줄일때만 가능]
- 2013.08.26 미디어 쿼리 예
- 2013.08.09 CSS class 두개 추가하는 방법
- 2013.05.08 css 레이아웃잡기
CSS 및 반응형웹2014. 1. 11. 21:32
CSS 및 반응형웹2013. 8. 26. 17:46
미디어 쿼리 안의 css의 이름은 모두 동일하게 해야함
@media (max-width:767px) {/* 최소 ~ 최대 767 */
}
@media (min-width:768px) and (max-width:1023px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */
}
@media (min-width:1024px) {/* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
}
'CSS 및 반응형웹' 카테고리의 다른 글
| DIV 세로로 가운데 정렬[한줄일때만 가능] (0) | 2014.01.11 |
|---|---|
| CSS class 두개 추가하는 방법 (0) | 2013.08.09 |
| css 레이아웃잡기 (0) | 2013.05.08 |
CSS 및 반응형웹2013. 8. 9. 09:24
class="aaa", class="bbb"
동시에 사용하기 위해서는 class="aaa bbb" 이렇게 해야함
(주의 class="aaa" class="bbb" 앞에것만 적용됨 )
'CSS 및 반응형웹' 카테고리의 다른 글
| DIV 세로로 가운데 정렬[한줄일때만 가능] (0) | 2014.01.11 |
|---|---|
| 미디어 쿼리 예 (0) | 2013.08.26 |
| css 레이아웃잡기 (0) | 2013.05.08 |
CSS 및 반응형웹2013. 5. 8. 10:22
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
.page_wrap {width:100%; height:100%; margin:auto; }
.page_wrap .top {width:100%; height:100px; }
.page_wrap .middle {width:100%; height:100%; }
.page_wrap .left {width:10%; height:100%; float:left; }
.page_wrap .center {width:80%; height:100%; float:left; }
.page_wrap .right {width:10%; height:100%; float:left; }
.page_wrap .bottom {width:100%; height:30px; clear:both; }
</style>
</head>
<body>
<div class=page_wrap>
<div class=top >
<div class=left > top left </div>
<div class=center > top center </div>
<div class=right >top right </div>
</div>
<div class=middle >
<div class=left > middle left </div>
<div class=center > middle center </div>
<div class=right >middle right </div>
</div>
<div class=bottom > bottom </div>
</div>
</body>
</html>
'CSS 및 반응형웹' 카테고리의 다른 글
| DIV 세로로 가운데 정렬[한줄일때만 가능] (0) | 2014.01.11 |
|---|---|
| 미디어 쿼리 예 (0) | 2013.08.26 |
| CSS class 두개 추가하는 방법 (0) | 2013.08.09 |
