# float

30개의 포스트
post-thumbnail

[부스트코스] 모두를 위한 컴퓨터 과학 2주차_C언어 정리4

안녕하세요 :)이번 포스팅은 C언어에서의 자료형, 형식지정자, 연산자에 대해 정리해보겠습니다.○ 변수의 데이터 타입으로 사용하는 것· bool: 불리언 표현, (예) True, False, 1, 0, yes, no· char: 문자 하나 (예) 'a', 'Z', '?'

2020년 7월 24일
·
0개의 댓글
post-thumbnail

TIL -04. CSS 레이아웃(2): float

css 레이아웃의 마지막인 float에 대해 공부해보겠습니다.float은 실제로 공부할 때 시간적으로 굉장히 오래걸려 저를 힘들게 했던 부분입니다.float 이해하기float은 무엇일까요? 영어 그대로 하면 떠있게 하는 것을 의미합니다.기본 레이아웃 흐름에서 벗어나 요

2020년 7월 21일
·
0개의 댓글

[CSS] Layout

position, display, float

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

TIL wecode 01. Layout

일단 모든 태그들은 처음에 position: static으로 설정되어 있다. 그러므로 따로 써주지 않아도 된다. 이 상태에서는 왼쪽에서 오른쪽, 위에서 아래로 쌓이게 된다.보통 static은 사용할 일이 없으나 앞에 설정된 position을 무시할 때 사용되기도 한다.

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

[TIL] CSS 기초 태그 - 레이아웃 : float 속성

float 속성은 웹페이지를 만들 때 가장 많이 사용하는 스타일 속성입니다.\-실행결과-

2020년 7월 20일
·
0개의 댓글

CSS) What is float?

float은 이미지 주변에 텍스트를 감싸기 위해 만들어진 property입니다. float는 해당 HTML element가 주변의 다른 element들과 자연스럽게 어우러지도록 해줍니다. 예컨대, 한글문서에서 이미지를 어울림으로 설정하는 것과 비슷합니다.💬 코드 결과

2020년 6월 24일
·
0개의 댓글

float

float의 쓰임 두가지.첫 째, 이미지 주변을 텍스트로 감싸기 위해 쓰인다.둘 째, 페이지 전체의 레이아웃을 설정할 때 쓰인다. (요즘은 레이아웃을 할 때 더욱 효율적인 flex를 주로 사용함.)float의 사용.float는 left, right, none 중 하나를

2020년 6월 24일
·
0개의 댓글
post-thumbnail

[CSS] Float

예전에는 플롯을 이용해 레이아웃 배치에도 사용했었지만 이것은 플롯의 순수 목적에 어긋났었죠이제는 flex를 통해 웹사이트의 레이아웃을 아주 쉽게 구성할 수 있게 되었습니다.float를 주기 전에는 이미지와 텍스트 사이의 공간이 낭비되는 모습을 보이고 있습니다. 이미지가

2020년 6월 24일
·
0개의 댓글
post-thumbnail

float

float은 뜨다라는 의미죠. 웹페이지에서는 띄워서 배치하는 방식에 대한것이고 그게 대해 설명해보겠습니다. 단순히 텍스트에 배치하는 방식이외에 최근에는 layout을 정리하는 방식에 많이 사용되고 있습니다. 1. 텍스트와의 배치 결과값 2. layout div 태그에 float 속성과 width, height속성값을 주어 layout 배치를 하게 됩...

2020년 6월 23일
·
0개의 댓글
post-thumbnail

[TIL]position , inline , block , float

Position , inline , block , inline-block , float에 대해 알아보자

2020년 6월 23일
·
0개의 댓글

float

float는 뜨다, 띄운다 의미인데말 그대로 이미지를 내가 원하는 위치로 옮길 수 가있다!!float 속성은 묶음 태그(block element) 만 적용할 수 있다.none (기본값) : 정렬하지 X.left : 왼쪽으로 정렬.right: 오른쪽으로 정렬.block에

2020년 6월 23일
·
0개의 댓글
post-thumbnail

float에 대해서

float -이미지 주변에 텍스트를 감쌀 때 사용하는 property img와 p 태그를 그냥 사용할 경우에는 둘다 block element라서 줄이 나뉘게 되는데

2020년 6월 23일
·
0개의 댓글
post-thumbnail

CSS float 개념 정복--!

CSS float 원래 이미지 주변에 텍스트를 감싸기 위해 만들어진 속성이지만 레이아웃을 잡을 때에도 아주 유용한 속성이다. 예를들면 nav메뉴를 사이드에 위치시키고 컨텐츠를 넓게 위치시키는 방법이나 반대의 경우 float 속성을 사용하여 레이아웃을 잡을 수 있다. 그

2020년 6월 22일
·
0개의 댓글

CSS - float에 대해

float속성은 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다. float에는 4가지 속성이 있다. inherit: 부모 요소에서 상속 left: 왼쪽에 띄워진 블록 박스 생성. 페이지 내용은 박스의 오른쪽에 위치 right: 오른쪽에 띄워진 블록 박스 생성. 페이지 내용은 박스의 왼쪽에 위치. 이후 요소에 clear속성이...

2020년 6월 22일
·
0개의 댓글
post-thumbnail

css-position

position 속성은 태그를 어떻게 위치시킬지를 정의하며, 아래의 5가지 값을 갖습니다.static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다.absolute: 절대 좌표와 함께 위치를 지정해 줄 수 있습니다.rela

2020년 5월 29일
·
0개의 댓글

[TIL] position, display, float 속성 정리

기본적인 위치 지정 방식. 문서의 기본적인 흐름을 따른다. 모든 태그들은 처음에 position: static 상태이다. (기본적으로 static이라 따로 써주지 않아도 된다.) left,top,right,bottom값이 적용되지않는다차례대로 왼쪽에서 오른쪽, 위에서

2020년 5월 26일
·
0개의 댓글
post-thumbnail

5/25 TIL position, inline, float

box-sizing보이는대로 width 주고 안에 padding 주는것input types relative, 상대적인 것top, right, bottom, left은 position property 가 있으면 적용됨absolute, 절대적부모에 대해 절대적부모 중 p

2020년 5월 26일
·
0개의 댓글
post-thumbnail

CSS의 inline, block, float

이번에 다룰 CSS는 inline과 block이다.대부분의 HTML element는 block 요소이다.예를들어, header, footer, p, li, table, div, h1~ 등 이 모든 요소가 block요소이다.block 요소는 모든 인라인 요소를 포함할 수

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

Flexbox가 등장하기 전에 우리가 했던 것들

div는 block 요소로 위에서 아래로 쌓이게 되어 있다. 이것을 수평 정렬 할 수 있는 방법이 무엇이 있을까.필자는 flex라는 속성이 나오기 전에 아래 두 가지 방법을 이용해 수평 정렬을 했다.첫 번째 방법으로는 block요소를 inline화 시키는 것이었다. 여

2020년 4월 30일
·
0개의 댓글