# absolute

86개의 포스트

position

position: fixed; 레이아웃 상에서 그려진 초기 위치에 고정top, left, right, bottom이라는 property 중 하나만 수정해도 block, margin 신경쓰지 않음. 가장 위에 있는 다른 레이어로 넘어감.\*opacity: 숫자; 투명도

2022년 6월 12일
·
0개의 댓글
post-thumbnail

화면 표시(display, block, inline, inline-block), 위치지정(position)

display none: 보이지 않게 visibility: 보이게(생략해도됨,default값) block:박스형태의 공간,가로로 꽉채운다. inline:컨텐츠를 작성하는 공간,자기 자신의 크기를 가진다. 크기를 설정 할 수 없음. inline-block: 박스형태의 컨

2022년 5월 30일
·
0개의 댓글
post-thumbnail

[CSS] position property (relative, absolute, fixed)

CSS에서 위치를 조정하는 position 속성을 알아 보자. 그 중에 자주 쓰이고 중요한 relative, absolute, fixed를 살펴 본다.

2022년 5월 25일
·
0개의 댓글
post-thumbnail

[HTML/CSS]position, inline, block

📍Position 속성 웹 문서 안 요소들을 어떻게 배치할 지를 정함 position 속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치가능 |속성|내용| |---|---| |relative| 부모 요소에 자연스럽게 연결하여 위치를 지정| |absolute|원하는

2022년 5월 24일
·
0개의 댓글
post-thumbnail

position 속성 - relative, absolute, fixed

Position 속성 CSS에서 position 속성은 HTML문서 상에서 요소가 배치되는 방식을 결정함. 위치 지정을 위해서 top,left,bottom, right속성과 함께 사용된다. position: static position의 속성을 별도로 지정해주지 않

2022년 5월 24일
·
0개의 댓글

20220510-TIL

Assignment그 동안 배운 것을 정리할겸 아래의 사이트에서 학습을 완료해주세요.http://learnlayout.com/https://poiemaweb.com/css3-layouthttps://poiemaweb.com/css3-box-m

2022년 5월 11일
·
0개의 댓글
post-thumbnail

position 속성

기준점을 잡았으면 다음 네 가지 속성을 이용해서 요소의 위치를 옮길 수 있다.요소의 Position 기준에 맞춰 위쪽, 아래쪽, 왼쪽, 오른쪽에서의 거리를 설정한다.top : 요소의 position 기준에 맞는 위쪽에서의 거리(위치)를 설정bottom : 요소의 pos

2022년 5월 10일
·
0개의 댓글

follow, unfollow (1)

들어가기front부분에서 user를 follow, unfollow하는 부분,일단은 cache부분은 생략하고 useMuataion, useQuery 부분만 마무리 한다.Profile에서 follow, unFollow할 수 있게 구성한다.\-styled부분에 대한 설명은

2022년 5월 10일
·
0개의 댓글
post-thumbnail

20020510-TIL-4

원래는 html코드를 작성하면 순서대로 페이지에 그렸는데 position property를 사용하면, html 코드의 순서와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴수 있다. position: relative; 자체로는 특별한 의미가 없습니다.딱히 어느 위치로

2022년 5월 10일
·
0개의 댓글
post-thumbnail

Position 속성 - relative, absolute, fixed

position 속성은 레이아웃을 좀 더 정밀하게 조정할 수 있도록 해주는 유용한 CSS 속성이다. 굵직굵직한 레이아웃은 flex box나 grid box를 통해서 설정할 수 있지만 세밀한 설정을 원한다면 필수적으로 숙지해야할 CSS property이다.position

2022년 5월 10일
·
0개의 댓글
post-thumbnail

position property

position css 에서 position 이란? 요소들을 배치하기 위해 사용되는 방법을 지정하며 5가지의 값이 있습니다. static relative fixed absolute sticky 요소들은 위, 아래, 좌, 우 속성들을 사용하여 배치됩니다. 그러나, 이

2022년 4월 26일
·
0개의 댓글

Position(Static, Relative, Absolute, and fixed)

태그를 어떻게 위치시킬지를 정의하며, 상대적 관계를 통해 HTML의 요소를 자유롭게 위치시키는 속성static: 기본값, 위치 임의로 설정 불가relative: 원래 있던 위치를 기준으로 좌표를 지정absolute: 절대 좌표와 함께 위치를 지정fixed: 스크롤과 상

2022년 4월 26일
·
0개의 댓글

레이아웃의 모든 것

positin 속성이란 무엇입니까?태그들의 위치를 결정하는 css 속성을 의미합니다.position 속성을 왜 사용합니까?명확한 위치 정의를 위해서 position 속성을 사용합니다.position 속성에는 어떠한 것들이 있습니까?static,relative,fixed

2022년 4월 26일
·
0개의 댓글
post-thumbnail

2022 04 25 CSS

box-sizing의 기본값.box의 size에는 영향을 주지 않고 변화된 것이 추가되는 것.padding 등 전부 포함해서 box의 size내에서 해결하기 때문에, box-sizing: border-box를 실행하게 되면 충 박스에서 비율이 조절된다.대부분 borde

2022년 4월 25일
·
0개의 댓글
post-thumbnail

CSS position

엘리먼트의 위치를 지정하는 4가지 방법이 있습니다. staticrelativeabsolutefixed이 4가지 방법을 정확하게 이해하고 사용하는 것이 css를 자유자재로 이용하는데 중요합니다. !youtubeeLF6IB1QMQE!youtubeLuV-dll7vjs!you

2022년 4월 22일
·
0개의 댓글
post-thumbnail

[CSS] Position

absoluterelativefixedtop, left, right, bottomz-index▶️ box3의 부모 = html 이므로 화면 맨윗부분 왼쪽에서 밑, 오른쪽으로 30px씩 떨어진 부분에 위치.▶️ box2(absolute)의 부모 = box1(relativ

2022년 4월 12일
·
0개의 댓글

[CSS] position - relative, absolute 그리고 fixed

원하는 위치로 움직여보자

2022년 3월 29일
·
0개의 댓글

CSS 레이아웃

Wecode 둘째 날, HTML문서를 디자인 하기 위해 CSS 코드를 작성해보는 연습을 하고 있다.일을 해보다가 오신 훌륭한 동기님 덕에, CSS디자인을 할 때 큰 틀에서 박스를 어떻게 배치할 것인지를 거시적으로 결정하고, 그 다음 하나 하나씩 요소를 디자인 해나가면

2022년 3월 2일
·
0개의 댓글

[CSS-layout] position 속성

position 속성 - relative, absolute, fixed

2022년 3월 2일
·
0개의 댓글