# float

7개의 포스트

float 레이아웃

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

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

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

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

5일 전
·
0개의 댓글

어려운 CSS

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

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개의 댓글