# inline

20개의 포스트

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

[TIL]position , inline , block , float

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

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

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

[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

레이아웃을 잡자.

나는 건축설계를 하듯이 하려고 한다. 큰 덩어리(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개의 댓글
post-thumbnail

CSS - Inline, block, Inline-block

모든 HTML element들은 기본적으로 display 속성값을 갖고있다. display 속성값은 웹페이지 상에서 엘리먼트들과의 관계에서 어떻게 보여지고, 어떻게 상호작용하는지 나타낸다. display 속성값에는 세 가지가 있다. 1\. inline2\. block3

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

block, inline, inline-block

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

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

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

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

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

블록요소와 인라인요소 정리

블록레벨 요소들adress/article/aside/audio/blockquote/canvas/dd/div/dl/fieldset/figure/footer/form/h1~h6/header/hr/noscriptol/output/p/pre/section/table/tfoot/ul/video 등셀 병합행 분할열 분할너비 맞춤삭제 인라인레벨 요소들b,big,i,s...

2019년 3월 19일
·
0개의 댓글