emayom.log

  • 방명록

position 속성 간단 정리 1

[CSS] position 속성 ? : 자유롭게 위치를 지정해보자.

오늘은 CSS position 속성에 대해 알아보자. 👇🏻 position 속성 한눈에 보기 static relative absolute fixed sticky position은 태그 요소의 '위치'를 정의하기 위해 사용한다! 앞서 잠깐 살펴본 것과 같이 position 속성에는 static, relative, absolute, fixed, sticky 이 있다. 예제를 통해 쉽게 확인해보기 위해 컨테이너에 담긴 아이템들을 준비했다. (아래의 그림들은 편의성을 위해 임의로 중앙 정렬을 해두었다!) 1. position : static static 은 우리가 포지션 속성을을 지정하지 않아도 적용되어있는 디폴트 값이다. position: static을 적용하기 전과 후가 차이가 없는 것을 확인해볼 수 있다...

CSS 2021.08.06
이전
1
다음
더보기
프로필사진

emayom.log

습관의 고리는 인식할 수 없을 정도로 너무 약해 보인다. 그러다가 끊어버릴 수 없을 정도로 막강해진다.

  • 분류 전체보기 (114)
    • HTML (2)
    • CSS (10)
      • SCSS (0)
      • CSS3 (0)
    • JS (32)
      • [Udemy] 클린코드 자바스크립트 (0)
      • Javascript (14)
      • React (12)
    • Programmers (46)
      • Algorithm, Data Structure (3)
      • Level 1 (36)
      • Level 2 (7)
    • FE interview (5)
    • etc. (16)
      • git (4)

Tag

javascript, level1, 리액트, level 1, 코딩테스트, 레벨 1, 컴포넌트, html, 기술면접, 함수 선언식, React, 프론트앤드, programmers, 자바스크립트, 코테, Jeklly, css, JS, input, 프로그래머스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바