입문) HTML CSS (display 속성 block)

 CSS 

★ 3대 속성 : position, display,  float ★  

이번에는 display 속성에 대해 알아보자

---

 

ㅡ display 속성 

: css 레이아웃을 잡는데 있어서 가장 많이 사용되는 속성이다.

<퍼블리싱에는 dispasy 로 해보고 안되면 position과 float으로 해결하자 >

 

ㅡ display 종류

ex)기본 3가지

display:none;  아예 안보이게 없앤다.

dispaly :block;  각각 나 혼자 한줄 다씀 (줄바꿈)

dispaly:inline-block;  한줄 안에 다 들어가는 것. (글자화 )

dispaly:inline :   인라인블럭과 비슷하다

white-space:nowrap;   절대 줄바꿈 하지 마세요

 

---

HTML에서

ㅡ블록요소란 ? 

어떤 엘리먼트에 display 속성이 block 이다. 대표적으로  div 

 

ㅡ인라인요소란?

대표적으로 span 이 있다.

 

 

<실습>

section 적고 tab누르면 자동완성

enter  누르고 tab  자동 들여쓰기

ㅡ margin:10px;  -상하좌우 박스의 바깥쪽 여백