홍장군의 기록

  • 홈
  • 태그

Absolute 1

CSS의 포지션 속성

0. 오늘의 배울 것. positon은 display에서 벗어난 새로운 위치!! 기본적으로 모든 태그는 display 속성을 가지고 있다. 이 display 속성을 통해, 요소들이 한 파일 내에서 어떻게 배치될지 정해지는 것이다. 그런데 내가 기본적인 display 흐름 말고, 다른 식으로 배치하고 싶다면 어떻게 할까? 예쁜 사이트에서 보이는 navigation bar 처럼 브라우저 위에 딱 붙어있거나, 어떤 요소 위에 둥둥 떠있게 하거나 등, 다양한 배치를 하고 싶다면 어떻게 해야 할까. 이렇게 기본적인 display 흐름에서 벗어난 곳에 배치하기 위해, position이라는 속성을 사용한다. 이번 시간에는 position 속성의 속성 값에는 무엇이 있는지, 그리고 어떤 효과가 있는지를 알아보자. 1...

프론트 공부/html과 css 2023.10.16
이전
1
다음
더보기
프로필사진

개발자 홍장군/ 컴퓨터 공학 학사 졸업 / 파이썬, js 주력으로 프론트엔드 쪽 공부하고 있습니다.

  • 분류 전체보기 (70)
    • 알고리즘 (23)
      • JavaScript (22)
    • 프론트 공부 (31)
      • html과 css (9)
      • JavaScript와 모던 JS (9)
      • 웹과 API, 네트워크 (7)
      • 리액트 네이티브 (1)
    • 개인 플젝 (0)
    • 내가 읽은 책들... (1)
    • 내가 해결한 오류들 (12)
    • 개발 알쓸신잡 (1)

Tag

10869, Absolute, Android, API, arguments, array, arrowfunction, Block, box-model, buildtype, cascade, catch, chartjs, Clean, css, Delete, Destructuring, Diagram, Direction, DOM,

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바