
-종류 address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, table, ul, video -특징 1. 한 줄 전부 사용한다. block 요소1 block 요소2 block 요소3 #warp{ background: black; width: 500px; margin: 100px auto; } #warp h1:nth-child(1){ background: crimson; } #warp h1:nth-child(2){ back..

-종류 a, span, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, input, kbd, label, map, object, q, samp, small, script, select, strong, sub, sup, textarea -특징 1. 영역이 가로로 정렬된다. inlin_left: inlin_center: inlin_right: 텍스트가 block구조와 다르게 화면에서 가로로 나열된다. 줄 바꿈이 없다. 다만, 부모 요소인 warp의 영역에 비해 자식 요소인 span의 영역이 크면 줄 바꿈이 일어나서 warp영역 보다 넘는 span태그는 아래로 내려간다. 2. width, height값을 줄 수 없다. #warp span{ ba..