본문 바로가기 메뉴 바로가기

LOG.info("yun's dev");

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

LOG.info("yun's dev");

검색하기 폼
  • Yun's Log (256)
    • 정처기 (3)
      • 정보처리기사 (3)
    • Linux (3)
    • CS (0)
      • SQLD (0)
    • DAILY (10)
      • _reference (3)
      • _TIP (6)
    • ERROR (56)
      • SQL (34)
      • WEB (11)
    • TOTAL (7)
      • EXCEL (1)
      • Flutter & Dart (3)
      • SQL_MariaDB (0)
      • DOCKER (0)
      • WORDPRESS (0)
      • VUE.js (0)
      • eGovFramework (1)
    • 문제풀이 (11)
      • _BAEKJOON (11)
      • _YunLOG (0)
    • └설치 및 환경설정 및 기타 (10)
    • 수업 (130)
      • └빅데이터 (2)
      • └리액트(React) (11)
      • └Android (1)
      • └SpringBoot (1)
      • └Spring Framework (9)
      • └JSP (14)
      • └Java (27)
      • └Oracle (14)
      • └JavaScript (11)
      • └HTML&CSS (38)
      • └team프로젝트 (1)
    • Practice (1)
  • 방명록

fixed (1)
[CSS]박스_레이아웃 속성 : position

1. position 속성 ★★★ -블럭 요소 : 부모 태그 영역의 한 줄 차지. 문서 흐름은 위에서 아래로 쌓임(↓) -인라인 요소 : 컨텐츠 영역만큼 차지. 같은 줄에 순서대로 배치. 왼쪽에서 오른쪽으로(→) tag { position : static(기본값) / relative / absolute / fixed;} 기준 자기 위치 static (정적 위치 설정) 이후에 위치값을 설정해도 위치 이동하지 않음. relative (상대 위치 설정) static일 때 위치 static 위치에서 설정값만큼 이동 static 위치 absolute (절대 위치 설정) 직계 부모 태그 영역 없음 fixed (고정 위치 설정) 현재 브라우저 ex) 페이지 내 고정적으로 위치하는 [ top ] 버튼 같은 것

수업/└HTML&CSS 2022. 1. 3. 13:48
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • ScriptTag
  • initialized
  • BAEKJOON
  • CascadingStyleSheet
  • 입력양식
  • 기본선택자
  • html a tag
  • A%B
  • html layout
  • 스크립태그
  • Java
  • 미디어 태그
  • text formatting
  • caption-side
  • empty-cell
  • html atrribute
  • 외부구성요소
  • html pre
  • input type 종류
  • html input type
  • 변수
  • typeof
  • html
  • selcetor
  • scanner
  • html base tag
  • JavaScript
  • css
  • border-spacing
  • improt
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바