# fixed

74개의 포스트
post-thumbnail

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

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

어제
·
0개의 댓글
post-thumbnail

[HTML/CSS]position, inline, block

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

2일 전
·
0개의 댓글
post-thumbnail

position 속성 - relative, absolute, fixed

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

2일 전
·
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개의 댓글
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

sticky는 부모 안에서 포지션이 지정이 된다.스크롤을 내리면 지정된 위치에서 고정이 된다.다른 것들에는 영향을 주지 않는다.부모와 상관없이 지정된 위치로 이동한다.sticky는 있던 그 자리에서 스크롤링이 고정fixed는 기존에 문서에서 나와서 포지션이 결정똑같이

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개의 댓글

TIL - position : Fixed, sticky

fixed 스크롤에 관계없이 특정 박스가 고정되어 움직이지 않음페이지가 스크롤 되어도 중요한 정보(nav bar)를 화면에 노출하기 위해 사용sticky고정된 상태를 유지하다가 스크롤 되는 가장 가까운 부모 요소에 달라붙음! 요소를 일반적인 문서 흐름에 따라 배치하고

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

[CSS] position : fixed VS sticky

position 속성은 문서 상에 요소를 배치하는 방법을 지정!값으로는 top, right, bottom, left 등이 있다.static : 기본값relative : 요소를 일반적인 문서 흐름에 따라 배치하고 자기 자신을 기준으로 top, right, botto, l

2022년 4월 11일
·
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개의 댓글

TIL - Position의 속성 : relative, absolute, fixed

Position 속성은 HTML 요소가 위치를 결정하는 방식을 설정한다.CSS에서 요소의 위치를 결정하는 방식엔 4가지 방식이 있다. - static, relative, absolute, fixeda. static : b. relative :c. absolute : d

2022년 3월 1일
·
0개의 댓글
post-thumbnail

[CSS]position 속성 - relative, absolute, fixed에 대해 알아보자

🙋‍♀️ position >position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성이다. position 속성은 상속되지 않으며, 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다.

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