티스토리 뷰

HMLT&CSS&JS/CSS

3. position

turfrain 2011. 7. 22. 16:46

# position


 static

 기본값, 기본적으로 설정 되는 값 (top / left  적용되지 않음)
 absolute

 절대값, 브라우저를 기준으로 위치 속성을 사용하며 parent 요소에 의해 하위 위치 기준
 relative  상대값, 객체가 위치 속성에 의해 설정 되거나 태그내에 위치시 마지막 위치를 기준으로  상대값
 fixed  고정값 , 화면이 스크롤 되어도 움직이지 않음

<head>

<style type="text/css">
<!--
.pos1 {color: blue; position:<x> absolute; top: 150; left: 300}
.pos2 {color: red; position: static}
.pos3 {color: green; position: relative; top: -10; left: 300}
-->
</style>
</head>
..........
<span class=pos1>■</span>
<span class=pos2>■</span>
<span class=pos3>■</span>





'HMLT&CSS&JS > CSS' 카테고리의 다른 글

# No css  (0) 2014.02.12
# CSS 말줄임  (0) 2013.07.05
2. 미디어 쿼리  (0) 2012.09.13
1. CSS 메소드  (0) 2012.09.13
# font  (0) 2011.07.22
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday