# inline block

18개의 포스트

CSS) display property

display는 CSS에서 레이아웃을 제어하는 property입니다. 모든 element에는 그 유형에 따라서 기본 표시값이 존재합니다. 대부분의 HTML element는 block 또는 inline입니다. block은 해당 element 바로 옆에 다른 element

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

inline, block, inline-block 차이점

display 프로퍼티의 값인 block, inline, inline-block들의 차이점에 대해서 알아보려고 한다.모든 HTML의 태그들은 각자의 display 기본값을 가지고 있다.예를들어,header, footer, p, li, table, div, h1 등의 태

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

[CSS] Display: block, inline, inline-block

안녕하세요? 씨~즈! 입니다:) 지금은 장마 시작을 알리는 비가 내리고 있습니다. 비에 젖고 갬성에 젖네요..ㅋㅋ저는 점심으로 순대국을 먹었더니 배가 든든해졌는데요! 여러분은 맛점하셨나요?먼저 display 속성은 요소(elements)를 block과 inline 중

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

inline, inline-block, block

HTML에는 2가지 요소가 있다(block , inline) block 요소에는 > div,h1~6,p,ul, , , , , , , , , , , ,, , , , , , , , , , , video block 요소들은 위와 같은 요소들이 있으며 위에 나열된 태

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

inline, inline-block, block

block 요소 : 좌우에 다른 요소를 붙여넣을 수 없음width값을 주면 원래 화면전체였던 width가 변동(늘어나지 않는다)margin:auto; 하면 정가운데 배열 가능< header>, < footer>, < p>, < li>, < t

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

CSS display 속성 개념 정복--!

CSS에서 display 속성은 엘리먼트들이 어떻게 보여지고 상호배치되는지 결정한다.CSS display 속성을 inline, inline-block, block 요소로 나눠서 정리해보자! (내 자신아)display속성이 inline으로 지정된 엘리먼트들은 줄바꿈 없이

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

CSS - display 속성에 대해

inline 인라인 속성은 엘리먼트의 크기만큼 공간을 차지한다. 대표적으로 span 태그와 a 태그가 있다. 인라인 속성을 가지면 크기만큼 위치하기 때문에 예를들어 p 태그안에 span 태그를 넣어 span 태그만 다른 css 속성을 줄 수도 있다. span태그에 color: red;와 border: 1px solid red; 속성을 주었다. 이처럼 해...

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

[wecode 1일차 - CSS]

웹을 개발하며 element들의 배치(레이아웃)을 조정하는 것은 매우 중요하다.순차적으로 내용을 설명하며 position property 사용에 대한 이해를 높여보자.위에 작성된 html문서를 보면div 태그를 이용하여 "container"와 그 아래 자식들("box1

2020년 5월 25일
·
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개의 댓글
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

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

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

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

block, inline, inline-block

block 요소 옆에 다른요소를 붙일 수 없습니다. (자동으로 줄바꿈)header, footer, p, li, table, div, h1 등등 block에 css를 입히면 한줄전체에 적용block 요소와 반대로 옆에 다른요소가 붙습니다. (한줄로 나옴)span, img

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

TIL2: css- block & inline

대부분의 html element는 block 요소이다header, footer, p, li, table, div 등block요소란 요소 바로 옆에 다른 요소를 붙여넣을 수 없다는것을 의미하며 항상 새줄에서 시작해 좌,우로 최대한 늘어나 영역을 차지한다.block요소와

2020년 3월 24일
·
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개의 댓글

block, inline, inline-block

block 레벨 요소 특성 부모에 대해 width 100% 화면 크기 전체의 가로폭을 다 차지 때문에 항상 새로운 라인에서 시작한다. width, height, margin, padding 프로퍼티 지정 가능 block 레벨 요소 내에 inline 레벨 요소를 포함할 수 있다. 종류 div, h1~6, p, ol, ul, li, hr, table,...

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