# position

341개의 포스트

CSS Flex, Position

displayflex : 본인은 display : block 처럼 작동자식들은 flex 방식으로 다루겠다는 의미justify-content:flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.cente

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

HTML+CSS - 기초 (position과 좌표속성)

top, left, bottom, right 속성으로 요소의 상하좌우 위치를 변경할 수 있다하지만, 이 좌표속성을 사용하려면 position 속성이 필요.position 속성이란?좌표속성을 적용할 기준점이 여기에요~! 라고 지정해주는 역할position 부여하면?좌표이

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

[코코아클론] chat창_message input 만들기

position: absolute -> 부모(조상) 요쇼를 기준으로 배치position: relative -> 요소 자기 자신을 기준으로 배치참고부모요소>자식요소 특정 부모 요소를 지정해, 그 부모의 첫번째 자식요소만 지정참고box-sizing: border-box테두

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

블록체인 개발자 day-7

밑에 버튼과 카카오 이미지를 position:fixed로 고정시켜 주었다. 스크롤 할 때마다 저 부분은 움직이지 않는거다... 하지만 여기서 문제가 발생하였다.버튼 같은 경우는 margin:auto와 bottom:5px로 어찌저찌 고정 시켰는데 카카오 이미지가 원하는데

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

포지션(position) 속성

💡 CSS에서 position 속성은 요소를 위치시키는 방법을 지정할 때 사용된다. position 속성은 5가지 값으로 구성되어 있으며, 각 값은 요소를 위치시키는 방법이 다르다.모든 요소의 기본값으로, 요소를 일반적인 문서 흐름에 따라 배치한다.위치 지정을 위한

2023년 3월 8일
·
0개의 댓글
·
post-thumbnail

CSS 속성 - 포지션

CSS에서 위치를 지정하는 방식인 포지션(position)속성

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

CSS | Position

position: relative, absolute ....etc

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

230222_TIL

3가지 기준중요도 구체성 (명시도) 강제로 명시도 끌어올리기 - !important선언순서 - 나중에 적용한 선언이 우선 적용된다.색상 이름 - color : red;Hex 색상코드 - color : - rgb | rgbargb(red, green, blue);rg

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

230303 day4

video 태그

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

블록체인 개발자 day-4

오늘 배운 주제는 크게 두가지 이다. background,그리고 position사실 둘 다 너무 많이 쓰기 때문에 짧고 굵게 공부했다고 할 수 있다.background-color와 같은 색을 넣는 법은 이미 배웠으니 이미지를 넣는 방법을 알아보자백그라운드 이미지는 ur

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

[CSS] position / flexbox

기준 없음 (배치 불가능 / 기본값)자기 자신을 기준으로 해서 포지셔닝을 함. 가장 가까운 조상 요소를 기준으로 배치뷰포트 기준으로 배치스크롤을 따라옴Flexbox는 메인을 이루는 Container와 그 안의 items들로 구성되어있음. !\[https://c

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

Intent로 값 넘기기(RecyclerView)

리사이클러뷰 클릭 이벤트위 포스팅을 보면 리사이클러뷰에서 클릭 이벤트를 어떻게 구현하는지 나와있다. 우리가 보통 하나의 액티비티에 리스트가 구현되있을 때, 그 리스트를 클릭하면 그 아이템과 연관된 설명이 있는 액티비티로 이동하는 거을 볼 수있다.예를 들면 연락처 리스트

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

[CSS] Position

[CSS] Position

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

Box & Positioning

모든 HTML 요소를 박스로 표현, 요소 배치

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

position 속성

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

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

CSS #3 position 이걸로 끝내자

모질라(position)의 설명에 따르면, position은 문서 상에 기록된 display:block에 대해서 top, right, bottom, left의 구체적인 위치를 지정해 주는 자리배치 속성이다.

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

Position

position이란 HTML 요소가 배치되는 방식을 결정하는 속성이다.문서상 원래 있어야 하는 위치에 배치된다.원래 있던 자리를 기준 으로 요소의 위치를 조정할 수 있다.top, left, bottom, right 속성 적용이 가능하다.절대 좌표를 기준 으로 요소의 위

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

TIL / CSS 심화 : 가상 클래스와 가상 요소, CSS position 이해하기

✓ 2023.02.21 TIL 1. 가상 클래스와 가상 요소 2. CSS position

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

CSS D01

Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] 화면을 position: absolute로 꽉 채우기 & letter-spacing으로 글자 좌우로 나란히

이게 부모 요소에 relative가 없어야 돼요! 그러면 body에 찰싹 붙겠죠?근데 좌 우 위 아래 다 0을 주면서 이쪽으로 오라고 유혹해요!!! 난 한 명도 없는데 4명 씩이나ㅠㅠㅠ결국 이곳 저곳에서 다 불려진 요소는 능지가 처참해지며 화면을 꽉 채우게 됐답니다!!

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