# inline

48개의 포스트

HTML & CSS 3(block, inline)

CSS Block, Inline block요소 = 한 줄 전체를 혼자 차지하는 요소 inline요소 = 자기 사이즈만큼만? 자리를 차지해서 바로 옆에 다른 inline요소가 올 수 있다. 나는 처음에 많이 헷갈리던 건데 block요소와 inline요소들에 뭐가 있

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

TIL 2

모든 태그들은 처음에 position: static 상태입니다. 기본적으로 static이라 따로 써주지 않아도 되고 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓입니다.자체로는 특별한 의미가 없고, 딱히 어느 위치로 이동하지는 않습니다.위치를 이동시켜주는 top, rig

2020년 11월 19일
·
0개의 댓글
post-thumbnail

[TIL] #5 Block vs. Inline & margin auto

Block vs Inline 대부분의 HTML element(이하 요소)는 block 속성을 가진다. 예를 들어, , , , , , , 등이 모두 block 요소에 해당하는 태그들입니다. block 요소의 의미는, 이 요소 바로 옆(좌우측)에 다른 요소를 붙여

2020년 11월 18일
·
0개의 댓글
post-thumbnail

[HTML / CSS] Display 속성

레이아웃을 컨트롤할 수 있는 Display 속성. 모든 요소들은 대부분 block 아니면 inline을 Display속성 값으로 가지고 있다. block block 요소는 브라우저의 한줄을 모두 사용하며, 위에서 아래로 차곡차곡 쌓인다. inline

2020년 11월 18일
·
0개의 댓글
post-thumbnail

11.18 TIL

\-none : 띄우지 않음\-left : 왼쪽에 띄움\-right : 오른쪽에 띄움\-initial : 기본값으로 설정\-inherit : 부모 요소로부터 상속ex)img{ float: left; } \-위치 계산 시, 현재 위치에서 상대적인 offset 속성을

2020년 11월 18일
·
0개의 댓글

TIL-wecode day-3 CSS중요부분 정리

position이란 속성은 문서상에서 요소들을 배치하는 방법이다.주로 top,right,bottom,left속성이 요소들을 배치할 최종위치를 결정한다.요소를 문서의 흐름에 따라 배치한다. top,right,bottom,left와 같은 속성에 영향을 미치지 않는다.간단히

2020년 11월 18일
·
0개의 댓글

TIL 2 | HTML & CSS (2)

HTML 및 CSS 기초 (2) - block 요소와 inline요소, 목록(list), table, input

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL 5 | CSS(layout)_2.display

HTML 태그는 크게 블럭요소와 인라인 요소로 나눌수 있다.블록 요소는 항상 새 줄에서 시작하여 왼쪽에서 오른쪽으로 페이지의 전체 너비를 차지하며 앞 뒤에 줄바꿈이 있다.인라인 요소는 항상 블록 요소안에 포함되어 있으며 인라인 요소안에 다른 인라인 요소가 포함될 수 있

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL 4 | CSS(layout)_1.position

나중에 지금까지 배운 HTML 과 CSS 를 한번정리해서 올릴 예정이다. 그전에 오늘은 css 에서 중요한 3가지 Property에 대해 정리해 보려고 한다. Position > CSS position 속성은 문서상에 요소를 배치하는데에 사용한다. static - de

2020년 11월 17일
·
0개의 댓글
post-thumbnail

CSS 레이아웃을 위한 속성

1\. position 속성 - relative, absolute, fixed2\. float property3\. inline, inline-block, blockposition: relative는 그 자체로는 의미가 없고 조상태그가 absoulte태그 중심으로 상대

2020년 11월 17일
·
0개의 댓글
post-thumbnail

inline, block, inline-block

HTML요소는 "인라인" 요소와 "블록 레벨" 요소로 구분된다.컨텐츠의 크기만큼만 공간을 차지하고 줄바꿈을 하지 않는다.가로세로의 크기를 임의로 지정할수 없고, 그 크기는 오로지 컨텐츠에 의해서 결정된다.대표적인 inline요소로는 <span>이 있다.다른 여러

2020년 11월 17일
·
0개의 댓글

양식 태그

양식태그 { display: block; } 웹 서버에 정보를 제출하기 위한 양식 범위를 정의 이 다른 을 자식 요소로 포함할 수 없음 action 속성 - 값 : url autocomplete 속성 - 값 : on, off - 기본값 on

2020년 11월 17일
·
0개의 댓글

스크립트 태그

2020년 11월 17일
·
0개의 댓글
post-thumbnail

[CSS] Display 속성 - block, inline, inline-block 으로 요소 정렬하기, Float 속성으로 페이지 구조화하기

block, inline, inline-block의 개념을 명확히 짚고 넘어가고자 정리해보았습니다.

2020년 11월 17일
·
0개의 댓글

수정 태그

2020년 11월 17일
·
0개의 댓글
post-thumbnail

CSS - Position

✅ position 속성 - relative, absolute, fixed✅ inline, inline-block, block 에 대해서✅ float에 대해서◾ static일 때 해당 요소의 현재 기본 위치 기준 ◾ 정확한 위치는 top right bottom lef

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL | CSS - Layout _position .2

position 두 번째 시간이다. display display는 CSS에서 layout을 제어하기위한 가장 중요한 프로퍼티이다. 모든 element는 그 유형에 따른 기본 표시값이 있고, 대부분의 기본 표시값은 두가지로 나뉜다. block 첫 번째로 blo

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

18-2. 레이아웃의 모든 것

html & cssposition 속성 - static, relative, absolute, fixed01/ static(기본위치)기본위치02/ relative(상대위치)기본위치를 기준으로 좌표 프로퍼티(top, bottom, left, right)를 사용하여 위치를

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

TIL - Position

1. Position 속성 - relative, absolute, fixed 1) relative 2) absolute 3) fixed 2. Display property 1) inline inline element의 특징은 가장 대표적인 inline element는

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