로그인

검색

14

2022-Dec

CSS position 속성에 대하여 알아 보자

작성자: 도도 조회 수: 138

position : 

  • static (정적)       : 다른 요소들과의 기본적인 관계에 의하여 위치가 결정됨.
                            - 바로 앞의 relative 개체 또는 static 개체에 영향을 받음
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • relative (상대)     : 바로 앞의 static 또는 relative 개체를 기준으로 좌표가 결정됨.
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • absolute (절대)   : 부모개체(container)의 기준점을 기준을 좌표가 결정됨
                            - 자신의 정렬기준이 left 이면 부모개체의 외쪽을 기준
                            - 자신의 정렬기준이 right 이면 부모개체의 오른쪽을 기준으로 함.
     
  • fixed (고정)        : 스크롤시 항상 보임, 스크롤에 관계없이 브라우저 화면을 기준으로 고정됨.
     
  • inherit (상속)      : 부모개체의 속성값을 상속받음.

 

List of Articles
번호 제목 글쓴이 날짜 조회 수
27 Python 파이썬 온라인 실행 + 1 dodoworks 2024-11-05 109
26 Javascript 자바스크립트 기본 문법 dodoworks 2024-11-05 113
25 JSON JSON 기본 사항 dodoworks 2024-11-05 98
24 Javascript Parallax Scrolling 에 도전하다 file + 3 dodoworks 2023-12-21 161
23 코딩 React 강좌 도도 2023-12-12 83
22 Javascript 메뉴 밑줄 슬라이딩 애니메이션 만들기 도도 2023-12-06 144
21 Javascript JQuery Scroll menu 구현하기 도도 2023-12-06 189
20 CSS 가상 클래스 선택자 도도 2023-12-06 145
19 CSS 태그, 클래스, ID 에 따른 CSS 표기 방법 - 선택자 도도 2023-12-06 138
18 Javascript 자바스크립트 프로처럼 쓰는 팀 - 드림코딩 dodoworks 2023-12-05 177
17 HTML5 HTML 요소 참고서 + 5 도도 2023-12-02 139
16 CSS CSS 다중조건 선택자 규칙 해석 dodoworks 2023-11-30 182
15 코딩 HTML CSS JavaScript 를 학습할 수 있는 사이트 ofcource file dodoworks 2023-11-30 106
14 Javascript Carousel 슬라이더 만들기 도도 2023-11-22 95
13 Javascript 실용 자바스크립트 6강 : 리액트포기자를 위한 jQuery 빠른기초 도도 2023-11-22 149
12 CSS selector 를 알면 CSS를 다양한 방법으로 적용할 수 있다. 도도 2022-12-14 147
» CSS position 속성에 대하여 알아 보자 도도 2022-12-14 138
10 Git Git 얀젤관리자 2022-10-04 100
9 Python 니콜라스와 함께 Python으로 웹 스크래퍼 만들기 얀젤관리자 2022-06-03 134
8 Javascript 움직이는 애니매이션 메뉴 바 만들기 얀젤 2022-01-31 128