# float

15개의 포스트

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

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

어제
·
0개의 댓글
post-thumbnail

5/25 TIL position, inline, float

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

어제
·
0개의 댓글
post-thumbnail

CSS의 inline, block, float

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

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

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

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

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

레이아웃을 잡자.

나는 건축설계를 하듯이 하려고 한다. 큰 덩어리(mass)을 잡고, 메스의 모양을 얼추 잡은 뒤 그 메스 안에 공간을 생성한다. 이 공간은 휴식을 위한 공간, 생활하는 공간 등등, 그리고 그 안에는 룸을 통해 실제로 어떤 행위가 일어날 수 있도록 한다.HTML 요소가

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

Position, inline, inline-block, float

참고 자료 float 해제 float 속성 position 속성 position 속성 Position 속성 태그를 어떻게 위치시킬지 정의한다. 5가지 값을 가진다. >static : 기본 값, 다른 태그와의 관계에 의해 자동으로 배치 됨. 좌표(top,b

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

CSS - Float, Clear

float는 요소들을 배치할때 유용하게 쓰이는 속성이다. 사진을 왼쪽 또는 오른쪽에 배치하고 그 주위를 텍스트로 채울 때 사용하거나, 사이트 레이아웃을 만들 때 사용한다. left, right, none(기본값), inherit left박스를 왼쪽으로 이동시킨다. 뒤에

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

position, inline, inline-block, block, float 속성

float 해제float 속성position 속성position 속성태그를 어떻게 위치시킬지 정의한다. 5가지 값을 가진다.static : 기본 값, 다른 태그와의 관계에 의해 자동으로 배치 됨. 좌표(top,bottom,left,right)를 임의로 설정할 수 없다.

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

float 레이아웃

이미지 주변에 텍스트를 감싸기 위해 사용되는 프로퍼티.정확하게는, 텍스트 박스위에 이미지를 띄어놓기 위함 입니다.css 레이아웃을 설정할때 중요한 속성입니다.이 속성에는 left, right, none 중에 하나를 추가해야 합니다.\-float property는 부모의

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

CSS 위치 지정하기(position, float, display)

CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정한다.static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다.ab

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

Basic CSS

CSS를 HTML에 적용하는 세 가지 방법의 장단점 inline style 장점: 태그 단위로 스타일을 지정하기 때문에 특정 태그에 어떤 스타일을 적용시켰는지 직관적으로 알기 쉽다 단점: 스타일 일괄 적용이나 일괄 변경 등의 작업을 할 때 매우 비

2020년 2월 8일
·
0개의 댓글

css레이아웃 float

float이란 -- 레이아웃을 잡는데 사용하는 CSS프로퍼티 이다. float은 이미지 주위를 텍스트로 감싸기 위해 만들어진 것이다. img { float: right; margin: 0 0 lem lem; } 스크린샷 2020-01-29 오전 12.11.27.png clear -- clear...

2020년 1월 28일
·
0개의 댓글

CSS의 position, inline-block, float에 대한 기본 개념 알아보기

1. Position의 속성 - relative, absolute, fixed 에는 static, relative, absolute, fixed 네 가지가 있는데, static의 경우는 프로퍼티를 지정하지 않았을 때의 기본값으로 따로 설명하지 않고 넘어갑니다. a. relative reletive 단순히 만 작성해서는 변화가 없고(위의 div.rela...

2020년 1월 28일
·
0개의 댓글

float

Float 요소 정렬 why? float 프로퍼티는 레이아웃 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용한다. 사실 flexbox레이아웃을 사용하면 더 간단히 레이아웃할 수 있다. 하지만 flexbox레이아웃을 지원하지 않는 IE를 고려하면 float 프로퍼티를 알고 레이아웃 짤 때 사용해야 한다. 원래 float 프로퍼티는 해당 요소를 fl...

2019년 11월 28일
·
0개의 댓글

TIL 181103

Refactoring 정의: 단순한 변형 및 추가와는 조금 거리가 있는, 동작은 변하지 않고 (테스트로 보장) quality는 높이는 작업 코드 품질: SOLID, DRY, KISS, GRASP, YAGNI 현재 내가 생각하는 code quality: clean naming, DRY (Don`t Repeat Yourself), KISS (Keep It S...

2018년 11월 2일
·
0개의 댓글