# relative

77개의 포스트

20220510-TIL

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

6일 전
·
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

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

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

CSS position | relative, absolute, fixed에 대해 알아보자!

CSS 레이아웃 관련 문제를 푸는데 위치를 잡는게 헷갈린다. 앞으로 사용할 일이 많을 것 같으니 정리해둔다. CodePen(클릭)에서 헷갈릴 때마다 연습하면서 익혀야겠다. position 이란? html 코드를 작성하면 순서대로 화면에 나타난다. 그런데 순서 상관없

2022년 2월 18일
·
0개의 댓글
post-thumbnail

css - (position) 속성 공부

\-static따로 값을 주지 않으면 기본적으로 적용되있는 값 그러기 때문에top,right,bottom,left 속성들을 사용할 수가 없다입력을 해도 변화가 없음을 알수있다. no startic/pngstartic/pngtop,right,bottom,left : 속

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

position : relative, absolute, fixed

position의 속성

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

[css] Position : relative, absolute, fixed

css 정의 : 사용자에게 문서를 표시하는 방법을 지정하는 언어(스타일, 레이아웃 등) 규칙에 따라 작성되며, 특정 그룹의 식별자와 스타일을 구별하여 적음 아래는 h1태그에 빨간색을 적용하는 예 position css 속성 중, '위치'에 관한 속성 적용 될 수 있

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

CSS Layout?

페이지에 콘텐츠가 기다란 한 줄로만 나오게 하고 싶다면 아무런 레이아웃을 지정하지 않는 방법도 괜찮습니다. 하지만 사용자가 브라우저 창을 굉장히 넓게 키운다면 콘텐츠를 읽기가 굉장히 불편해질 것입니다.

2022년 1월 25일
·
0개의 댓글