(css) inline, block 태그 정리 / display 정복!

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

참고

https://jsunnylab.tistory.com/19