# float

66개의 포스트
post-thumbnail

[HTML / CSS] 이미지를 띄워주는 float 속성

float 속성은 이미지를 띄워서 텍스트를 이미지 주변에 배치되도록 만들어준다. 이미지와 텍스트 사이에 빈 공간이 생기게된다. float:left;를 사용해주면, 라이언 이미지가 왼쪽에 뜨게 되고 텍스트들이 그 주변을 감싸준다. float:right;를 사용해주면 라

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

[TIL] #8 레이아웃 <div>, float

HTML은 원래 위-아래 순으로 요소들을 나열하며 내용을 표시하는 언어!단순히 나열하는 화면이 아닌, 우리가 평상시에 접하는 웹 페이지의 레이아웃 구성을 위해서는&lt;div> 태그를 많이 사용한다. divCSS에서 정보 배치 단위를 정의하기 위해 널리 사용되는 태그:

2020년 11월 19일
·
0개의 댓글

TIL 2

모든 태그들은 처음에 position: static 상태입니다. 기본적으로 static이라 따로 써주지 않아도 되고 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓입니다.자체로는 특별한 의미가 없고, 딱히 어느 위치로 이동하지는 않습니다.위치를 이동시켜주는 top, rig

2020년 11월 19일
·
0개의 댓글

TIL 3 | HTML & CSS (3)

HTML & CSS (3) - position, CSS layout, 반응형 웹

2020년 11월 18일
·
0개의 댓글
post-thumbnail

[HTML / CSS] 이미지를 띄워주는 float 속성

float 속성은 이미지를 띄워서 텍스트가 띄윈 이미지 주변에 배치되도록 만들어준다. 이미지와 텍스트 사이에 빈 공간이 생기게된다. float:left;를 사용해주면, 라이언 이미지가 왼쪽에 뜨게 되고 텍스트들이 그 주변을 감싸준다. float:right;를 사용해주

2020년 11월 18일
·
0개의 댓글

TIL-wecode day-3 CSS중요부분 정리

position이란 속성은 문서상에서 요소들을 배치하는 방법이다.주로 top,right,bottom,left속성이 요소들을 배치할 최종위치를 결정한다.요소를 문서의 흐름에 따라 배치한다. top,right,bottom,left와 같은 속성에 영향을 미치지 않는다.간단히

2020년 11월 18일
·
0개의 댓글
post-thumbnail

TIL 6 | CSS(layout)_3.float

css layout 마지막 시리즈 float 에 대해 정리해보자. float > 1. (물 위나 공중에서) 떠[흘러]가다[떠돌다] (가라앉지 않고 물에) 뜨다 사전적 의미 처럼 공중에 뜨게 해서 오른쪽이나 왼쪽으로 보내는 것이다.

2020년 11월 18일
·
0개의 댓글

CSS 레이아웃

position display float

2020년 11월 17일
·
0개의 댓글
post-thumbnail

float

특정 요소를 떠있게, 흐르도록, 부유하게 하도록 하는 속성float 속성을 사용해 박스를 왼쪽, 오른쪽 으로 "부유"시키는 레이아웃 기법"부유하다"라는 의미는 기본적인 배치 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽으로 이동하는 것을 말한다.left왼쪽방

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL 4 | CSS(layout)_1.position

나중에 지금까지 배운 HTML 과 CSS 를 한번정리해서 올릴 예정이다. 그전에 오늘은 css 에서 중요한 3가지 Property에 대해 정리해 보려고 한다. Position > CSS position 속성은 문서상에 요소를 배치하는데에 사용한다. static - de

2020년 11월 17일
·
0개의 댓글
post-thumbnail

CSS 레이아웃을 위한 속성

1\. position 속성 - relative, absolute, fixed2\. float property3\. inline, inline-block, blockposition: relative는 그 자체로는 의미가 없고 조상태그가 absoulte태그 중심으로 상대

2020년 11월 17일
·
0개의 댓글
post-thumbnail

CSS - Position

✅ position 속성 - relative, absolute, fixed✅ inline, inline-block, block 에 대해서✅ float에 대해서◾ static일 때 해당 요소의 현재 기본 위치 기준 ◾ 정확한 위치는 top right bottom lef

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL 2 | Javascript var,let,const 차이점

처음 자바스크립트를 접했을때 변수는 var 로만 만들수 있는줄 알았다.하지만 그 외에도 let, const 와 같이 변수를 만들수 있는 명령문이 있다.그 차이점에 대해 알아가 보도록 하자.var, let 은 변수의 값이 바뀔수 있지만 const(constant 상수)

2020년 11월 13일
·
0개의 댓글

실수의 부동 소수점 저장 방식

실수의 부동 소수점 저장 방식

2020년 11월 8일
·
1개의 댓글
post-thumbnail

TIL | CSS - Layout _position .2

position 두 번째 시간이다. display display는 CSS에서 layout을 제어하기위한 가장 중요한 프로퍼티이다. 모든 element는 그 유형에 따른 기본 표시값이 있고, 대부분의 기본 표시값은 두가지로 나뉜다. block 첫 번째로 blo

2020년 10월 21일
·
0개의 댓글
post-thumbnail

[TIL] CSS Layout

Position( + relativeabsolutefixedinline 요소와 block 요소(+ display(float(position은 요소의 위치를 정의하는 속성이다. 좌표 속성인 top, bottom, left, right와 함께 써서 위치를 지정할 수 있다

2020년 10월 20일
·
0개의 댓글
post-thumbnail

CSS float

특정 요소를 기존 문서 흐름에서 벗어나 '붕~뜨게' 만든다.'붕~뜬다', '부유하다'라는 의미는 부모 요소 박스에서 float가 된 자식 요소가 부모 박스가 인식하지 못하는 요소가 되어 '집나간 자식'이 된다. 주변 형제 요소도 해당 float된 요소를 인식하지 못한다

2020년 10월 19일
·
0개의 댓글
post-thumbnail

CSS float

float 속성 float속성을 활용하여, 한 요소를 다른 요소들 주변에 띄울 수 있다. ex. 이미지 주변에 글을 두르기 등 아래와 같이 float에 left값을 부여한다면, 그리이 글의 왼쪽에 위치한다. 위에서 그림과 글의 간격을 조정하기 위해 margin을

2020년 10월 15일
·
0개의 댓글
post-thumbnail

CSS - float

CSS의 속성 중 하나인 float에 대해 알아볼까요? 먼저 MDN에 적힌 float의 정의를 먼저 읽어보겠습니다."float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨

2020년 9월 15일
·
0개의 댓글
post-thumbnail

[HTML & CSS] float 속성 알아보기

float은 이미지에 텍스트를 둘러 감싸기 위해 만들어진 속성입니다.자연스러운 배치가 가능하기 때문에 페이지 전체의 레이아웃을 구성할 때에도 중요하게 사용됩니다.float 속성에는 총 3가지를 사용할 수 있습니다.left : 요소를 왼쪽 방향으로 띄움right : 요소

2020년 9월 15일
·
1개의 댓글