# relative

114개의 포스트

[React] Link 태그에서 relative프퍼티

리엑트에서 앵커태그 대신 사용가능한 Link태그가 있음a태그를 사용하면 http요청으로인해 url이 변경되면서 새로고침이 발생하는데 리엑트라우터돔에서 제공하는 Link component를 사용하면 http요청없이 라우팅이 가능함이런식으로 사용가능한데 이전 경로로 이동하

2023년 5월 28일
·
0개의 댓글
·
post-thumbnail

position, 그만 헷갈리자

mdn의 position 문서를 바탕으로, 헷갈리기 쉬운 static, relative, absolute 를 비유를 통해 이해해 봅시다. position 은 중요하고 자주 쓰이는 프로퍼티임. 기억해둘 포인트가 많아서 나는 많이 헷갈렸음. 부모 element, 자식 e

2023년 5월 11일
·
0개의 댓글
·

[24] 05/09 자바스크립트 수업

포지션 position: relative, absolute, fixed; 지정된 태그의 위치를 지정해주는 스타일 z - index : 뒤에 적힌 숫자의 크기에 따라 z축(높이)를 지정함(크기순) fixed : 박스를 지정한 위치에 고정함 absolute : 박스를 부모의 크기 내에서 지정된 위치로 옮김 *absolute를 쓸땐 부모에 포지션 relat...

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

Position: 위치속성

01 position: > selector{position: static / relative / absolute / fixed; } 02 static position 속성을 지정하지 않으면 기본값으로 지정된다. top, bottom, left, right 모든 좌표가

2023년 4월 13일
·
0개의 댓글
·

면접 스터디 - 4일차

HTTP는 hypertext transfer protocol의 약어입니다. hypertext는 웹페이지를 연결하는 링크를 뜻합니다. transfer는 전화 같은 것을 연결하다는 의미인데 인터넷의 경우 특정 페이지를 의미합니다. protocol은 절차를 뜻하는데 인터넷

2023년 3월 30일
·
0개의 댓글
·

position 속성

position 엘리먼트의 위치를 컨트롤 할 수 있다. position 속성은 상속되지 않는다. position의 기본 속성은 static 이다. 속성 종류 : 문서 흐름에 맞춘 기본 위치 : 해당 요소의 현재 기본 위치 : 지정한 기준점을 기준으로 절대 위치

2023년 2월 27일
·
0개의 댓글
·

Layout - Positioning

요소를 일반적인 문서 흐름에 따라 배치한다.positon: sticky 속성을 적용한 요소는 평소 문서 안에서 positon: static 상태와 같이 일반적인 문서 흐름에 따라 배치해 있다가, 스크롤 위치가 임계점(내가 지정한 top / bottom / left /

2023년 2월 14일
·
0개의 댓글
·

html/css_main페이지

mainpage 만들 때 찾아본 함수, 내용, 막혔던 부분

2023년 2월 10일
·
0개의 댓글
·

[CSS] 포지셔닝 2-9

position 속성 position 속성은 요소들이 화면에 어떻게 배치될지를 지정한다. 특이사항으로는, 이 속성은 자식 요소에게 대물림되지 않는다는 점이 있다. static static은 기본값으로, 전적으로 페이지의 흐름을 따르며 top, bottom, left,

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

23.01.15

position 에 대한 이해 중요⭐글씨 없는 내용을 움직여야 하니 div 태그 사용부모인 .screen-header\_\_icons span{}에 position: relative; 주기dot 에 position: relative; 를 줄 수 있으나 그렇게 되면 이

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

CSS-레이아웃관련 사용 일지(230111) - TIL13(실전 프로젝트 개발일지2)

1.relative 속성 2.rgba 사용하기 2.em과 rem 단위

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

postion 문제 발생과 해결

폼 태그를 꾸미는것을 연습하던중 문제가 발생했다버튼에 position: absolute를 주고 하늘색 영역에 postion: relative를 줘서 부모 영역을 입력시켜주었지만먹지 않는것...구글링도 해보고 이것저것 해보다 알게된 허무한 사실section이 버튼까지 포

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

[CSS] Position - relative, absolute, fixed (2)

그렇다면, 부모의 속성에 property "position"이 있으면 어떻게 될까?Ans : 부모 영역을 기준으로 움직인다. 예시다른 이름의 두 가지 selector(big-box, small-box)가 있다. big-box가 small-box를 감싸고 있다. 1)다음

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

[CSS] Position - relative, absolute, fixed (1)

CSS에서 "Position (:relative, absolute, fixed)"이라는 property를 사용하면, top/right/bottom/left 속성을 사용할 수 있다.ANZI님께서 position에 대해 잘 설명해주셨다. 링크 참고(https://

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

소록소록 Day 3_file input창 오작동 > 해결

콘솔창 자주확인하자...input 창이 아래가잇음

2022년 11월 22일
·
2개의 댓글
·
post-thumbnail

Front-end 국비지원 #013일

블록요소의 종류dt, dd, ul, li, ol, dl, div, p, h1, h2, h3, h4, h5, h6인라인요소의 종류a, img, span, srong, input, textarea, select\*인라인은 width , height , padding-top

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

position 속성 - relative, absolute, fixed

position 속성은 웹 문서 안 요소들을 어떻게 배치할 지를 정하는 속성이다. position 속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치할 수 있고 어떤 방식으로 놓을 지를 결정할 수 있다.: 기본값으로 요소들이 HTML에 작성된 순서 그대로 브라우저 화

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

Positiont 속성 - relative, absolute, fixed를 알아보자.

position 속성은 웹 문서 안 요소로를 어떻게 배치할지 정하는 속성입니다. position 속성을 이용하면 텍스트 및 이미지를 원하는 위치로 배치할수 있고 어디다가 놓을지 결정을 할수 있습니다.

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

포지션

개체를 감싸는 태그를 사용하면 그 개체에 css로 효과를 줄수있다.ex) div,p,a,span이 태그들은 각각의 성질이 다른데inline과 block으로 나뉜다.block은 화면에서 자기가 차지하는 줄만큼을 전부 영역으로 가진다.ex)(div)inline은 자신의 몸

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