# position

274개의 포스트

가운데 정렬하기

위와 같이 마크업이 되어있다고 했을때 다음 방법들을 사용할 수 있다. position과 margin 원래 div 는 부모의 너비만큼 너비를 갖기 때문에 자신의 너비가 있다 하더라도 보이지 않는 공간이 있다. 이런 특성 때문에 margin: 0 auto 와 같이 가로 가운데 정렬을 할 수 있는데, position: absolute 를 쓰면 이 공간이 ...

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

CSS position

position

2022년 6월 25일
·
0개의 댓글

Position, Inline, Block 의 속성

Q1. Position의 속성 중 relative, absolute, fixed는 무엇일까? Q2. Inline, inline-block, block는 뭘까? Display(화면을 배치하는 방법)의 종류이다. Block요소 항상 새로운 라인에서 시작한다. 그리고 브

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[CSS] 레이아웃(Lay-out) -Position 편(relative, absolute, fixed)

Position 속성 : 웹 문서의 요소들을 어떻게 배치할 지 정하는 속성. 원래는 html에 작성한 순서대로 배치되지만, Position 속성을 이용하면

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[CSS] 레이아웃 속성(position, display)

CSS에는 많은 레이아웃 속성이 존재한다. 이 중 position, display 두 가지 속성에 대해 다루어 보고자 한다. position property 우리는 position 속성을 사용하여 박스 모델을 다양한 레이아웃으로 표현할 수 있다. 이 중 relat

2022년 6월 21일
·
0개의 댓글

position : sticky

position : sticky는 스크롤 시 화면에 고정되는 요소를 만들 수 있는 css 속성입니다. position : fixed는 항상 화면에 고정되는 요소를 만들때 사용하는데 이 둘이 무슨 차이가 있냐면,position : sticky는 스크롤이 되어시 이 요소가

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[TIL] position이란?

카페가서 공부하고 싶지만 막상 나가긴 귀찮은 1인...

2022년 6월 16일
·
0개의 댓글
post-thumbnail

CSS - position

position position은 문서 상에 요소를 배치하는 방법을 정의한다. position이 요소의 배치 방법을 결정하면 top, bottom, right, left가 최종 위치를 결정하는 방식이다. static : 기본값, 요소를 일반적인 문서 흐름에 따라 배

2022년 6월 15일
·
0개의 댓글

[CSS] Position

CSS Position

2022년 6월 14일
·
0개의 댓글

position

position: fixed; 레이아웃 상에서 그려진 초기 위치에 고정top, left, right, bottom이라는 property 중 하나만 수정해도 block, margin 신경쓰지 않음. 가장 위에 있는 다른 레이어로 넘어감.\*opacity: 숫자; 투명도

2022년 6월 12일
·
0개의 댓글
post-thumbnail

화면 표시(display, block, inline, inline-block), 위치지정(position)

display none: 보이지 않게 visibility: 보이게(생략해도됨,default값) block:박스형태의 공간,가로로 꽉채운다. inline:컨텐츠를 작성하는 공간,자기 자신의 크기를 가진다. 크기를 설정 할 수 없음. inline-block: 박스형태의 컨

2022년 5월 30일
·
0개의 댓글
post-thumbnail

웹 프로그래밍 3일차(실습)

꿀팁div class빠르게 적는방법①div.div1②.div2"."이 클래스를 의미하기 때문에 .div2라고 적어도 바로 div class가 나온다.참고자료:(무료html 템플릿)https://www.free-css.com/free-css-templates(

2022년 5월 30일
·
0개의 댓글
post-thumbnail

[문제][CSS]box-sizing 과 position 의 활용

▶box-sizing과 position에 대해서는 이쪽으로 참고type이 text이고 placeholder가 "검색어 입력"인 <input> 태그를 추가한다.<img> 태그를 추가한다.두 개의 요소를 감싸는 <div> 태그를 추가한다.div 크기에 딱

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

[CSS]레이아웃(display/box model/position)

  display 속성은 웹 페이지에서 요소가 어떻게 보여지는지 나타낸다.  블록 요소는 항상 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지한다. 기본적으로 블록 속성값을 갖는 <div>, <p>, <h>, <ul>, <

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

TIL16) CSS 마스터..하고싶다...

요즘 til쓰는것에 현타가 왔다. 고작 16번째 인데 나란인간..쉽게 질리는 인간이다..쓰기 싫다기 보다는 쓰고 싶은데 잘쓰고 싶다. 썸네일도 만들고 하고싶은데 기깔나는 아이디어가 안나온다...계속 고민중이다... 가장중요한것 중하나가 flex는 두가지 요소로 나누어진

2022년 5월 24일
·
0개의 댓글
post-thumbnail

[HTML/CSS]position, inline, block

📍Position 속성 웹 문서 안 요소들을 어떻게 배치할 지를 정함 position 속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치가능 |속성|내용| |---|---| |relative| 부모 요소에 자연스럽게 연결하여 위치를 지정| |absolute|원하는

2022년 5월 24일
·
0개의 댓글
post-thumbnail

position 속성 - relative, absolute, fixed

Position 속성 CSS에서 position 속성은 HTML문서 상에서 요소가 배치되는 방식을 결정함. 위치 지정을 위해서 top,left,bottom, right속성과 함께 사용된다. position: static position의 속성을 별도로 지정해주지 않

2022년 5월 24일
·
0개의 댓글

20220510-TIL

Assignment그 동안 배운 것을 정리할겸 아래의 사이트에서 학습을 완료해주세요.http://learnlayout.com/https://poiemaweb.com/css3-layouthttps://poiemaweb.com/css3-box-m

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