# position

182개의 포스트

[HTML/CSS] 다 알고 있다고 생각했지만 간과하고 있던 것들 2

1. position 내가 만든 영역을 2차원 평면의 공간으로 할지, 3차원 공간의 영역으로 할지를 결정짓는 요소입니다. 1-1. 2차원과 3차원의 차이 ||2차원|3차원| |:---:|:---:|:---:| |부모 자식 지간에 발생하는 마진 병합 현상|O|X| |top, left, right, bottom|X|O| |자식의 높이값이 부모의 높이값에 ...

약 21시간 전
·
0개의 댓글

position 프로퍼티

position 프로퍼티는 요소의 위치를 정의한다.static은 position 프로퍼티의 기본값으로 position 프로퍼티를 지정하지 않았을 때와 같다.기본적인 요소 배치의 순서는 위 -> 아래 , 왼쪽 -> 오른쪽 순서에 따라 배치된다.부모요소 내에 자식 요소로서

6일 전
·
0개의 댓글
post-thumbnail

TIL / 20211013 / CSS 개념 정리

display 프로퍼티 4가지block 항상 새로운 라인에 표시width, height, margin, padding 프로퍼티 설정 가능inline새로운 라인으로 시작하지 않고 한 라인에 표현 됨width, height, margin, padding 프로퍼티 지정 불가

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

css 기본 selector & layout 정리 드림코딩

Cascading Style Sheet : 세부적인 정의가 있다면 스타일 적용을 하고 정의되어있는 게 없다면 다음 기본으로 지정된 스타일을 적용한다.Style 종류Author Style : 우리가 작성하는 style sheetUser Style : 사용자가 지정한 st

2021년 10월 12일
·
0개의 댓글
post-thumbnail

Position, z-index

CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. top, right, botton, left 속성이 요소를 배치할 최종 위치를 결정한다.일반적인 문서 흐름에 따라 요소를 배치한다. top, right, botton, left, z-index

2021년 10월 12일
·
0개의 댓글
post-thumbnail

position 싸우자! 연신내역LCD화면

1\. position 알아보기 1단계2\. position 싸우자! 연신내역 LCD화면🤼‍♀️ HTML과 CSS Raplit문제를 풀면서 position에 대한 개념을 정확히 이해할 필요성을 간절하게 느꼈다. CSS를 처음 배울 때 margin과 padding을 꺼

2021년 10월 9일
·
0개의 댓글
post-thumbnail

position 알아보기 1단계

position 알아보기 1단계position 알아보기 2단계문서 상에 요소를 배치하는 방법을 지정top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정.요소를 일반적인 문서 흐름에 따라 배치. position의 기본값자기 자신을 기준으로

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

[css] - Layout

statichtml에서 static은 기본값이다. html이 작성되어진 순서대로 나열 되어있는 형태를 의미한다. relative, absolute, fixed 속성을 사용해서 원하는 위치에 요소를 배치할 수 있다. 추가 속성을 설정하지 않을 경우에 동일하게 기존값이랑

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

CSS - LayOut(레이아웃)

display inline, block, inline-block > - inline은 요소의 내부 콘텐츠 크기만큼만 영역을 차지해서, width와 height의 값을 임의로 지정할 수 없습니다. 요소가 여러개면 가로로 배치 됩니다. block은 요소의 내부 콘텐츠와

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

position정리 + div 겹치는 방법

html div 겹치기 방법은 여러 곳에서 사용한다예를 들면 input 태그 위에 검색 아이콘을 겹치는 경우사진 이미지 위에 텍스트를 올리는 경우 등등..부모 div position 속성 : relative자식 div position 속성 : absolute하나의 부모

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[CSS] Layout(display, visibility, float, position, overflow, z-index)

Layout을 이루는 box, inline 요소들의 display, visibility, float, position, overflow, z-index에 대해 다룬다.

2021년 9월 30일
·
0개의 댓글
post-thumbnail

CSS Layout_1_Flexbox

flexbox 사용이유, direction

2021년 9월 27일
·
0개의 댓글

CSS - 레이아웃(display, position, flexbox)

div는 기본적으로 block-level이라 한줄에 하나밖에 못들어가고,span은 기본적으로 inline-leveld이라 공간이 허락한다면 한줄에 여러개가 들어갈 수 있다.하지만 CSS의 display 속성을 사용하면 이를 바꿀 수 있다.예를 들어 div를 displa

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

CSS: position

posiion은 영역에 관련된 속성으로 html 코드에 순서대로 나열 되는 것과 상관없이 원하는 위치에 배치 할 수 있다. position 종류는 static, relative, absolute, fixed 있다. 1. static : 기본값, 다른 좌표로 이동 할

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

No 2. position

No 2. position

2021년 9월 1일
·
0개의 댓글
post-thumbnail

TIL 18. CSS - 레이아웃 (Position, Display:flex)

position: relative, absolute, fixed 와 display: flex 에 대해

2021년 9월 1일
·
0개의 댓글
post-thumbnail

[position - relative, absolute, fixed]

MDN 싸이트에 이렇게 정의 되어 있다.: CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다.CSS의 position을 사용하면 내 마음대로 레이아웃을 쉽게 짤 수 있게 된다.즉 원하는 것을 원하는 위치에 놓을 수 있다는 뜻.아래와 같이 사용된

2021년 9월 1일
·
0개의 댓글
post-thumbnail

CSS - position & display

이번에도 나의 웹페이지를 뿌시면서 CSS의 display와 position에 대해 다루어 보려고 한다.CSS refer(https://velog.io/@ryeon5789/CSS지난 글에 간단하게 display 와 position에 대해 썼다.display 값으

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

CSS Positioning(위치잡기)

CSS 포지셔닝의 주요목적은 블록속성을 가진 하나 이상의 객체를 원하는 위치에 정렬하는 것이다. Box-sizing 속성 - 상자 너비 기준 설정 float 속성 - 왼쪽 또는 오른쪽 위치 지정 none(defualt) : 속성적용안함 left : 요소가 컨테이너

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