# fixed

40개의 포스트
post-thumbnail

CSS layout(position, display, float)는 뭘까?

css 레이아웃의 종류와 기능을 살펴보면,

2021년 7월 6일
·
0개의 댓글

TIL - 05. position 속성 - relative, absolute, fixed

처음 개인페이지를 만들 때 여기저기 기웃거리며 이 코드 저 코드 갖다 쓰며 많이 봤던 position 속성에 대해 다시 한 번 공부하고 이해한 것을 정리한다.position 속성은 말 그대로 문서 안의 요소들의 위치를 지정할 수 있는 속성이다.속성값으로는 static,

2021년 7월 6일
·
0개의 댓글
post-thumbnail

(BIL1) Css position (relative, absolute, fixed) 용어정리

1) relative(부모요소): 기존 엘리먼트의 위치를 기준으로 움직임 2) absolute(자식요소) : 브라우저를 기준으로 움직임 3) fixed: 화면 특정 위치에 항상 고정시켜주는 기능

2021년 7월 2일
·
0개의 댓글
post-thumbnail

[TIL] CSS | Position 속성(static, relative, absolute, fixed)

CSS에서 자주 헷갈리는 개념인 Position 속성에 대해 정리하고 넘어가보자.

2021년 6월 8일
·
0개의 댓글

position 속성 - relative, absolute, fixed

css의 position property에 대해 이야기 해보도록 하자.position: static모든 tag의 default 값position: relativetop, right, bottom, left 값을 지정해주기 전까지는 position: static과 똑같은

2021년 6월 8일
·
0개의 댓글
post-thumbnail

💅 CSS :: Position, Display, Float에 대해 알아보기

각 요소의 배치, 레이아웃을 표현하며 CSS의 뼈대를 형성해주는 CSS position, display, float에 대해 알아봅니다🤓

2021년 5월 25일
·
0개의 댓글

CSS 배치 position

요소의 위치 지정 기준position을 통해서 요소의 위치의 기준!을 먼저 정해주고 위치를 설정!기본값, static : 기준 없음relative : 요소 자신을 기준absolute : 위치 상 부모 요소를 기준 fixed : 뷰포트(브라우저)를 기준position과

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

[TIL 02] CSS Layout: Position

CSS의 position 속성은 HTML 요소들의 위치를 설정하는 데 사용됩니다.position 속성의 값으로는 static, relative, absolute, fixed, sticky 이렇게 다섯 가지가 있습니다.요소를 배치하는 방법의 유형이며, 각 유형에 따라 t

2021년 5월 13일
·
0개의 댓글
post-thumbnail

position속성 - relative, absolute, fixed

HTML에서 코드를 작성할 경우, 작성한 순서대로 페이지에 그려진다. Css에서 position속성을 이용하면 html코드와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴수 있게된다. position는 총 4개의 속성을 가지고 있다. position: static

2021년 5월 13일
·
0개의 댓글

css : position - relative, absolute, fixed

기본적으로 모든 태그들은 static 속성을 가지고 있다. ( 기본값으로 직접 설정해 줄 일은 없다. )static이었을 때의 기준으로 움직일 수 있다. top, right, left 등의 속성을 사용하여 움직임!ex) 위의 코드의 경우 top: -20px은 윗 방향으

2021년 5월 12일
·
0개의 댓글

CSS - fixed position에서 중앙정렬

css 속성에서 position:fixed는 absolute와 마찬가지로 해당 element는 전체 css flow에서 벗어나게 된다.이럴 경우 통상 중앙정렬 방법인 margin:auto나 flex box에서 justify-content:center / align-it

2021년 4월 23일
·
0개의 댓글
post-thumbnail

[TIL] Layout A to Z

이미지 주위의 텍스트를 감싸기 위해 처음 만들어졌다. 위와 같이 사용하며 float의 속성값으로 left, right, none을 대표적으로 사용할 수 있다. 단어 의미 그대로 left는 선택한 요소를 좌측으로 옮긴다는 의미이며 right는 오른쪽 none은 움직이지

2021년 4월 14일
·
0개의 댓글
post-thumbnail

position속성-relative, absolute, fixed

포지션 프로퍼티는 html 코드와 성관없이 나타내고 싶은 어느 위치에나 요소를 표현할 수 있음.position 에서 사용하는 값은 static, relative, absolute, fixed 4개가 있다.따로 position을 설정하지 않으면 기본적으로 position

2021년 4월 14일
·
0개의 댓글
post-thumbnail

TIL)19 position,위치에 관하여

layout의 핵심은 블록 레벨 요소들을 원하는 위치에 배열하는 것이다우리는 CSS를 통해서 원하는 위치로 배열 시킬수 있다. div위에 div를 쌓고 싶을 경우 position 속성을 이용합니다. 이외에도 배치를 위해서 position 속성을 이용합니다. 절대적인 값

2021년 3월 17일
·
0개의 댓글

[CSS]Position 속성 - relative, absolute, fixed

요소의 위치를 결정하는 프로퍼티.자체로는 의미를 가지거나 위치를 이동하지 않는다.top, right, bottom, left 프로퍼티를 사용하여 위치를 이동한다.top, right, bottom, left 프로퍼티는 position 프로퍼티가 없으면 사용할 수 없다.\

2021년 3월 16일
·
0개의 댓글

CSS layout

Position Position 속성의 값은 static, relative, absolute and fixed 로 총 4가지이며, 보통의 경우 position 값은 static 이 relative 별도 지정이 없으면 relative 는 static과 비슷하게 작동하지

2021년 2월 17일
·
0개의 댓글
post-thumbnail

position - relative, absolute, fixed

css postion property

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[HTML/CSS] Position 속성

기본 요소 relative, absolute, fixed, sticky

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[css] position

위코드 2일차 layout에 대해 공부하면서 position,inline,inline-block,block,float 속성에 대해서 공부한 것들을 정리합니다.css position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom,

2021년 2월 16일
·
0개의 댓글

CSS <position>

position은 요소(element)의 위치를 정의한다.position property는 5가지 value를 갖고 있는데(static, relative, fixed, absolute, sticky)가 이와 같다.static(기본값)은 position 속성의 defau

2021년 1월 14일
·
0개의 댓글