HTML5/개념정리
(css) inline, block 태그 정리 / display 정복!
비니_
2021. 6. 13. 00:16
728x90
inline
- 수평 나열 *서열상 검색순위가 높다! why? 컨텐츠 태그 or 컨텐츠이기 때문
- block 태그 안에 자식태그로써 설계됨 (ex) a>div (x) / div>a (o)
- width, height 안먹힘
- 위아래 스타일 안먹힘 (ex) padding-top (x) / padding-left (o)
- 글자, 이미지, 비디오 -> 밥그릇이 아니라 밥인 애들
- a : 일방통행 / a를 자식요소로 갖지 못함 (ex) a>a (x)
- span : 그냥 구분하기 위해 씀
- input : 로그인 박스에 커서 들어가는 것
- button
- strong
- em : 강조태그 -> a 만큼 많이 쓴다, 검색 엄청 잘 됨
- address
- img, video, iframe : 자식태그 없음
block
- 수직나열
- 너비가 100%로 보인다
- div
- ul
- li
- dd
- dt
- section
- header
- footer
- aside
참고
728x90