마치영화처럼 :: 블록과 인라인의 속성

'2012/02'에 해당되는 글 3건

2012/02/14 블록과 인라인의 속성

웹표준/CSS2012/02/14 14:43

블록과 인라인의 속성

블록 : 앞 뒤에 틈을 만든다, 즉 단락처럼 보인다. margin 과 padding, width, height등 다 적용 된다.
<div> <table> <p> 테그등

인라인 : 앞 뒤가 같은 줄에 위치한다, 좌우 margin, padding는 줄수 잇으나 상하 margin, padding, widht, height 등을
사용할수없다
이럴때는 인라인 속성을 : 나는 블록이다: 라고 착각을 주어 상하 margin, padding 을 줄 수 있다.
<span><strong><img> 등

테그의 모양은 박스 모양을 가지고 있는 것이 대부분이다. 그래서 박스처럼 취급하는 경우가 있다.
img는 인라인 속성을 가지고 있지만 상하 margin, padding을 줄 수 있는 오브젝트에 속하기도 한다.

다음카페 : 웹표준 세계에 듬뿍 빠지다 동영상 강좌 중.