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

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

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

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

포지션(position) 속성
💡 CSS에서 position 속성은 요소를 위치시키는 방법을 지정할 때 사용된다. position 속성은 5가지 값으로 구성되어 있으며, 각 값은 요소를 위치시키는 방법이 다르다.모든 요소의 기본값으로, 요소를 일반적인 문서 흐름에 따라 배치한다.위치 지정을 위한
230222_TIL
3가지 기준중요도 구체성 (명시도) 강제로 명시도 끌어올리기 - !important선언순서 - 나중에 적용한 선언이 우선 적용된다.색상 이름 - color : red;Hex 색상코드 - color : - rgb | rgbargb(red, green, blue);rg

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

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

Intent로 값 넘기기(RecyclerView)
리사이클러뷰 클릭 이벤트위 포스팅을 보면 리사이클러뷰에서 클릭 이벤트를 어떻게 구현하는지 나와있다. 우리가 보통 하나의 액티비티에 리스트가 구현되있을 때, 그 리스트를 클릭하면 그 아이템과 연관된 설명이 있는 액티비티로 이동하는 거을 볼 수있다.예를 들면 연락처 리스트
position 속성
position 엘리먼트의 위치를 컨트롤 할 수 있다. position 속성은 상속되지 않는다. position의 기본 속성은 static 이다. 속성 종류 : 문서 흐름에 맞춘 기본 위치 : 해당 요소의 현재 기본 위치 : 지정한 기준점을 기준으로 절대 위치

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

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

TIL / CSS 심화 : 가상 클래스와 가상 요소, CSS position 이해하기
✓ 2023.02.21 TIL 1. 가상 클래스와 가상 요소 2. CSS position
CSS D01
Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

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